/* small pc  */
@media (max-width: 62.5em) {
    .hero-box {
padding-left: 18rem;
padding-right: 18rem;
}
.journal-cont {
    max-width: 60rem;
    margin: auto;
    margin-bottom: 16rem;
}


}






/* tablet  */
@media (max-width: 47.9em) {

    html {
        font-size: 50%;
    }
    .hero-box {
        padding-left: 10rem;
        padding-right: 10rem;
        }
        .journal-cont {
            max-width: 60rem;
            margin: auto;
            margin-bottom: 16rem;
        }
        .hero-box {
            padding-top: 50rem ;
        }


}








/* mobile */
@media (max-width: 30em) {
    .header  {
        padding-left: 4rem;
    }
    .main-nav-link {
        font-size: 1.4rem;
    }
    .hero-box {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 40rem;
        }
        .carousel-header {
            text-align: center;
        }
        .carousel-text {
            text-align: center;
        }
        .journal-cont {
            max-width: 35rem;
            margin: auto;
            margin-bottom: 16rem;
        }
        .footer-cont {
            grid-template-columns: 1fr 1fr;
            max-width: 35rem; 
    


}
}
@media (max-width: 30em) { 



}