@media screen and (max-width: 1100px) and (orientation: portrait){
    .section-header{
        height: 100vh;
        scroll-snap-align: none;
    }
    .header-background > iframe {
        width: 400%;
        height: 100vh;
    }    
    .header-background{
        height: 103vh;
        display: flex;
        justify-content: center;
    }
    #header-background-video{
        width: unset;
        height: 100vh;
    }
    .header-button{
        display: none;
    }
    .header-text-container{
        bottom: 5vh;
        font-size: 3.5vh;
        line-height: normal;
    }
    .topnav{
        padding-top: 2vh;
    }
    .topnav-right {
        margin-right: 2vh;
    }
    .topnav-right > a{
        display: none;
    }
    .topnav-right > .topnav-menu-button{
        display: block !important;
        width: 5vh;
        height: 5vh;
    }
    a.topnav-logo{
        height: 5vh;
        transform: translateY(25%);
    }
    .section-info{
        border-top-right-radius: 50px;
        height: 55vh;
    }
    .info-wrapper{
        padding-top: 5vh;
        flex-wrap: wrap;
        text-align: center;
    }
    .column-50{
        width: 100%;
    }
    .info-about {
        font-size: 2vh;
    }
    .info-about-quote{
        font-size: 3.6vh;
        line-height: normal;
        margin-top: 2.5vh;
    }
    .info-content{
        font-size:2.4vh;
    }
    .info-find-out-more{
        font-size: 2vh;
        width: 25vh;
        height: 6.5vh;
    }
    .section-recents{
        padding-top: 2.5vh;
        border-bottom-left-radius: 50px;
        border-top-right-radius: 50px;
    }
    .recents-title{
        font-size: 3.6vh;
    }
    .recent-grid{
        display: block;
        height: 125vh;
    }
    .recents-grid-element{
        height: 25%;
        margin: 0 0 2vh 0 !important;
    }
    .recents-card-content{
        height: 12vh;
    }
    .recents-card-title{
        font-size: 2.5vh;
    }
    .recents-card-tag{
        font-size: 1.5vh;
    }
    .recents-find-out-more {
        margin-top: 9.5vh;
    }
    #acro-background{
        background-position: center;
    }
    #danubio-background{
        background-position: bottom;
    }
    .section-full-video{
        height: 50vh;
        scroll-snap-align: unset;
    }
    .section-services{
        height: 100vh;
    }
    .services-icons-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .services-icons-element{
        width: 100%;
        margin-bottom: 3vh;
    }
    .services-info{
        width: 65vw;
        margin-top: 5vh;
    }
    .full-video-title{
        font-size: 3vh;
        line-height: 3.5vh;
    }
    .title-left-aligned{
        left: 5vh;
    }
    .section-clients{
        height: 100vh;
    }
    .clients-icons-wrapper{
        padding: 0;
    }
    .client-logo{
        width: 50%;
    }
    .section-footer{
        scroll-snap-align: none;
        height: 115vh;
    }
    .footer-contact-wrapper{
        flex-direction: column;
        margin-bottom: 10vh;
    }
    .footer-contact-panel{
        width: 100%;
        padding-right: 0;
        margin-bottom: 5vh;
    }
    .footer-title{
        grid-column: 1/3;
        width: 100%;
    }
    .footer-subtitle{
        grid-column: 1/3;
    }
    .footer-social-row{
        grid-column: 1/3;
        grid-row: 3/3;
    }
    .social-button{
        float: left;
    }
    .footer-copyright-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .footer-logo{
        margin-bottom: 2vh;
    }
    .side-menu{
        width: 70vw;
        height: 70vh;
        right: -90vw;
    }
    .side-menu-content-wrapper{
        width: 80%;
    }
    .side-menu-divider{
        width: 100%;
    }
    .side-menu-social-wrapper{
        width: 100%;
    }
    .sm-social-title{
        font-size: 2vh;
    }
    #last-contact{
        display: none;
    }
    .modal-wrapper{
        padding: 3vh;
    }
    .modal-content{
        height: 43vh;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .gallery-modal-inner{
        left: auto;
        top: auto;
        transform: none;
    }
    .gallery-title-wrapper {
        align-items: center;
    }
    #gallery-modal-image{
        width: unset;
        height: 100%;
        position: relative;
    }

    /* Full videos */
    .section-full-video {
        margin-top: 0;
        padding-top: 0;
    }
    section .full-video-wrapper {
        scroll-snap-align: unset;
    }
    .full-video-wrapper {
        height: 33vh;
        width: 59vh;
    }
    .full-video-title {
        font-size: 4vh;
        line-height: 5vh;
        letter-spacing: 0.1vh;
    }
    .video-left-aligned {
        border-bottom-right-radius: 4vh;
    }
    .shadow-left {
        background-image: url('img/video_shadow_left_tablet.png');
        width: 40vh;
        height: 40vh;
        top: 5vh;
        right: -4.4vh;
    }
    .video-right-aligned {
        border-bottom-left-radius: 4vh;
    }
    .shadow-right {
        background-image: url('img/video_shadow_left_tablet.png');
        transform: scaleX(-1);
        width: 40vh;
        height: 40vh;
        top: 5vh;
        left: -4.4vh;
    }
}
    @media screen and (max-width: 1024px) and (orientation: landscape){
        .section-header {
            scroll-snap-align: none;
        }
        .section-header{
            height: 100vh;
        }    
        .header-background{
            height: 103vh;
            display: flex;
            justify-content: center;
        }
        #header-background-video{
            width: unset;
            height: 100vh;
        }
        .header-button{
            display: none;
        }
        .header-text-container{
            bottom: 5vh;
            font-size: 3.5vh;
            line-height: normal;
        }
        .topnav{
            padding-top: 2vh;
        }
        .topnav-right {
            margin-right: 2vh;
        }
        .topnav-right > a{
            display: none;
        }
        .topnav-right > .topnav-menu-button{
            display: block !important;
            width: 5vh;
            height: 5vh;
        }
        a.topnav-logo{
            height: 5vh;
            transform: translateY(25%);
        }
        .section-info{
            border-top-right-radius: 25px;
            height: 55vh;
        }
        .info-wrapper{
            padding-top: 5vh;
            flex-wrap: wrap;
            text-align: center;
        }
        .column-50{
            width: 100%;
        }
        .info-about {
            font-size: 2vh;
        }
        .info-about-quote{
            font-size: 3.6vh;
            line-height: normal;
            margin-top: 2.5vh;
        }
        .info-content{
            font-size:2.4vh;
        }
        .info-find-out-more{
            font-size: 2vh;
            width: 25vh;
            height: 6.5vh;
        }
        .section-recents{
            padding-top: 2.5vh;
        }
        .recents-title{
            font-size: 3.6vh;
        }
        .recent-grid{
            display: block;
        }
        .recents-grid-element{
            height: 25%;
        }
        .recents-card-content{
            height: 12vh;
        }
        .recents-card-title{
            font-size: 2.5vh;
        }
        .recents-card-tag{
            font-size: 1.5vh;
        }
        #acro-background{
            background-position: center;
        }
        #danubio-background{
            background-position: bottom;
        }
        .section-full-video{
            scroll-snap-align: unset;
        }
        .section-services{
            height: 110vh;
        }
        .services-icons-wrapper{
            flex-direction: column;
            align-items: center;
        }
        .services-icons-element{
            width: 100%;
            margin-bottom: 3vh;
        }
        .services-info{
            width: 65vw;
            margin-top: 5vh;
        }
        .full-video-title{
            font-size: 3vh;
            line-height: 3.5vh;
        }
        .title-left-aligned{
            left: 5vh;
        }
        .section-clients{
            height: 100vh;
        }
        .clients-icons-wrapper{
            padding: 0;
        }
        .client-logo{
            width: 50%;
        }
        .section-footer{
            height: 115vh;
        }
        .footer-contact-wrapper{
            flex-direction: column;
            margin-bottom: 10vh;
        }
        .footer-contact-panel{
            width: 100%;
            padding-right: 0;
            margin-bottom: 5vh;
        }
        .footer-title{
            grid-column: 1/3;
            width: 100%;
        }
        .footer-subtitle{
            grid-column: 1/3;
        }
        .footer-social-row{
            grid-column: 1/3;
            grid-row: 3/3;
        }
        .social-button{
            float: left;
        }
        .footer-copyright-wrapper{
            flex-direction: column;
            align-items: center;
        }
        .footer-logo{
            margin-bottom: 2vh;
        }
        .side-menu{
            width: 45vw;
            height: 69vh;
            right: -90vw;
        }
        .side-menu-content-wrapper{
            width: 80%;
        }
        .side-menu-divider{
            width: 100%;
        }
        .side-menu-social-wrapper{
            width: 100%;
        }
        .sm-social-title{
            font-size: 2vh;
        }
        #last-contact{
            display: none;
        }
        .modal-wrapper{
            padding: 3vh;
        }
        .modal-content{
            height: 77vh;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }
        .gallery-modal-inner{
            left: auto;
            top: auto;
            transform: none;
        }
        #gallery-modal-image{
            width: 100%;
            height: auto;
            position: relative;
        }
        .header-text-container {
            font-size: 6vh;
        }
        .float-from-bottom{
            transform: unset;
            opacity: unset;
            transition: unset;
        }
        .full-video-title {
            font-size: var(--title-font-size);
            line-height: 6vh;
        }
    }