/* Hero */

.hero-section {
    background-image: url("../images/summer-school.png");
    height: calc(100vw / 2.69);
}


@media (max-width: 501px) {

    .mobile-header{
        width: 100vw;
    }

    .hero-section{
        background-image: url("../images/mobile-images/summer-hero.png");
        height: calc(100vw / 1.28);

    }
}