/* below 950px */
@media (max-width: 62.5em) {

.btn-mobile-nav {
    display: block;
    z-index: 9999;
}

.main-nav {
    background-color: rgb(253, 242, 233, 0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(8px);
    position: absolute;
    z-index: 9980;
    top: 0;
    left: 0;
    width: 40%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-out;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.nav-open .icon-mobile-nav[name="menu-outline"] {
    display: none;
}
.nav-open .icon-mobile-nav[name="close-outline"] {
    display: block;
}
.nav-open .main-nav {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
} 
.main-nav-list {
    flex-direction: column;
    gap: 4.8rem;
}
.main-nav-link.nav-cta:link,
.main-nav-link.nav-cta:visited { 
    font-size: 2rem;
    margin-top: -1.4rem;
}  
.main-nav-link.nav-cta2:link,
.main-nav-link.nav-cta2:visited { 
    font-size: 2rem;
    margin-top: -1.4rem;
}  

.cont-ev {
    max-width: 80rem;
}
.talks {
    max-width: 90rem;
    margin: 0 auto;
    margin-bottom: 12rem;
}
.carousel {
    max-width: 95rem;
    margin: 0 auto;
}
.journal-hero {
    padding: 34rem 4.8rem;
}
.carousel-scroll {
    grid-template-columns: 1fr;
}


} 


@media (max-width: 50em) {
    html {
        font-size: 50%;
    }
    .journal-hero {
        padding: 40rem 4.8rem;
    }
    .talks {
        max-width: 90rem;
        margin: 0 auto;
        margin-bottom: 12rem;
    }
    .carousel {
        max-width: 80rem;
        margin: 0 auto;
    }
    .footer-cont {
        grid-template-columns: 1fr 1fr;
        max-width: 35rem;

    }
    


}


@media (max-width: 37.5em) {
    .talks {
        grid-template-columns: 1fr 1fr;

    }
    .talk-box {
        margin-bottom: 4.8rem;
        padding: 1.2rem;
    }
    .carousel-header {
      text-align: center;
    }
    .carousel-text {
        text-align: center;
    }
    .journal-hero {
    background-size: cover;
 }
 .cont-ev {
    max-width: 40rem;
}

}

@media (max-width: 31.25em) {
    .journal-hero {
        padding: 42rem 4.8rem;
    }
    .journal-text {
        padding: 0 1.4rem;
        text-align: center;
    }
    .footer-cont {
        grid-template-columns: 1fr 1fr;
        max-width: 35rem;

    }
    .cont-ev {
        max-width: 35rem;
    }
    .carousel-scroll {

    }
    .carousel {
        max-width: 50rem;
        margin: 0 auto;
    }
    .editorial-board { 
        bottom: 90;
        right: 25;
    
    }



}



@media (max-width: 25em) {
.footer-cont {
    grid-template-columns: 1fr 1fr;
    max-width: 40rem;

}
.journal-hero {
    padding: 35rem 4.8rem;
}
}