@media screen and (max-width: 550px) and (orientation: portrait){
    .topnav-right > .topnav-menu-button {
        right: 1.8vh;
    }
    .header-button{
        display: none;
    }
    .header-text-container{
        font-size: 5vh !important;
    }
    .header-loading{
        width: 10vw;
        height: 10vw;
    }
    .client-row{
        flex-wrap: wrap;
    }
    .section-parent > .section-footer{
        height: 135vh;
    }
    .side-menu {
        width: 90vw;
    }
    .side-menu-social-button{
        width: 4.5vh;
        height: 4.5vh;
    }
    .side-menu-entry-column > button{
        font-size: 2.5vh;
    }
    .section-services {
        height: 115vh;
    }
    .section-full-video{
        height: 40vh;
        scroll-snap-align: none;
        padding: 0;
    }
    .full-video-wrapper{
        width: 100vw;
        height: unset;
        top: 0;
        transform: unset;
    }
    .full-video {
        background-color: unset;
    }
    .full-video > iframe {
        width: 100vw;
        height: 56vw;
    }
    .video-left-aligned{
        border-radius: 0;
    }
    .video-right-aligned{
        border-radius: 0;
    }
    .full-video-shadow{
        display: none;
    }
    .full-video-title{
        font-size: 3vh;
        line-height: 3.5vh;
        position: relative;
        bottom: 4vh;
        background-color: #282828;
        width: fit-content;
        padding: 2vh;
    }
    .full-video > .title-left-aligned{
        left: 1vh;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .full-video > .title-right-aligned{
        float: right;
        right: 1vh;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .full-video > .float-from-bottom {
        transform: none;
        opacity: unset;      
        transition: none;
    }
    .modal-wrapper {
        padding: 0vh;
    }
    .modal-content {
        border-radius: 35px;
        height: unset;
        width: 100vw;
    }
    .video-player-modal-inner {
        padding: 2vh;
    }
    #gallery-modal-image {
        height: unset;
        width: 100%;
    }
    .gallery-modal-inner {
        padding: 1vh;
    }
    .gallery-modal-content {
        padding: 0;
        background-color: transparent;
    }
    .gallery-title-wrapper {
        position: relative;
        padding: 0 2vh 0 2vh;
    }
    .gallery-title-wrapper > p {
        font-size: 1.8vh;
    }
    .recent-grid > div {
        margin: 0 !important;
        margin-bottom: 1vh !important;
    }
    .recents-find-out-more {
        margin-top: 7vh;
    }
}

@media screen and (max-width: 950px) and (orientation: landscape){

    .gallery-nav-button {
        width: 40vw;
        height: 100%;
        background-image: none;
        top: 0;
        margin: 0;
        padding: 0;
        transform: none;
        display: none;
    }
    .modal-wrapper {
        display: flex;
        justify-content: center;
        padding: 0vh;
    }
    .modal-content {
        border-radius: 35px;
        height: 95vh;
        width: 161vh;
        padding: 0;
    }
    .video-player-modal-inner {
        padding: 4vh;
    }
    #gallery-modal-image {
        height: 100%;
        width: unset;
        border-radius: 25px;
    }
    .gallery-modal-inner {
        padding: 4vh;
    }
}