/*-------------------------------*/
/*---------- LANDSCAPE ----------*/
/*-------------------------------*/

@media (orientation: landscape) {
    .move-title,
    #hero-sub {
        font-size: 18vh !important;
    }
    #hero-img {
        width: 40vh;
        border-width: 2vh;
    }
}

/*--------------------------------*/
/*----------- PORTRAIT -----------*/
/*--------------------------------*/

@media (orientation: portrait) {
    .move-title,
    #hero-sub {
        font-size: 16vw !important;
    }
    #hero-img {
        width: 50vw;
        border-width: 2vw;
    }
}