@media (max-width: 640px) {
    /* #logo {
        width: 100% !important;
        height: auto !important;
    } */
    .project {
        flex-wrap: wrap !important;
    }
    .project>img {
        width: 65% !important;
    }
}

#modal-404 {
    width: inherit;
}


/* #logo {
    width: 65% !important;
    height: auto;
} */

.w-70 {
    width: 70% !important;
}

.arrow-down {
    font-size: xx-large;
}

html {
    overflow-y: visible;
    scroll-behavior: smooth !important;
}

.panel {
    scroll-snap-align: start end;
}

html,
body {
    height: 100%;
}

body {
    font-size: 18px;
    font-weight: 300;
}

.panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.project-image {
	width : 5rem !important;
}