@media screen and (max-width: 1280px){
    /* PORTFOLIO SECTION */
    .portfolio-img-holder{
        height: 38vh;
    }

    /* CONTACT SECTION */
    .contact-row{
        height: 50vh;
    }

    /* SERVICES PAGE */
    #tech{
        & .container{
            & .header{
                height: 8.3vh;
            }
        }
    }
}

@media screen and (max-width: 900px) {
    /* NAV BAR */
    .links-container{
        justify-content: space-evenly;

        & .home-link{
            margin: 0;
        }

        & a{
            font-size: larger;
        }
    }

    /* LANDING PAGE */
    .row{
        & .landing-left{
            width: fit-content;
        }

        & .landing-right{
            /* width: 60vw; */

            & img{
                object-fit: contain;
            }
        }
    }

    .left-column{
        width: 50vw;
    }

    .right-column{
        width: 70vw;
        height: fit-content;
    }

    /* SERVICES SECTION */
    .services-left{
        width: 70vw;
    }

    /* PORTFOLIO */
    #portfolio{
        & .container{
            padding: 40px;

            & .row{
                padding: 20px;
            }
        }
    }

    .header{
        height: 12vh;
        margin: auto;
    }

    .portfolio-img-holder{
        height: 40vh;
    }

    /* ABOUT US SECTION */
    .about-left{
        height: fit-content;
    }

    .about-right{
        left: 30%;

        & .header{
            margin: 0;
        }
    }

    /* CONTACT US SECTION */
    .contact-container{
        & .header{
            height: 6.5vh;
        }
    }

    .contact-left{
        width: 30vw;
        bottom: 18vh;
    }

    .contact-right{
        width: 30vw;
        bottom: 18vh;
    }

    .middle-column{
        & .info-holder{
            width: 59vw;
        }
    }

    /* SERVICES PAGE */
    #tech{
        & .container{
            & .header{
                height: 6.5vh;
                margin: 0;
            }
        }
    }

    .element-wrapper{
        width: 38vw;
        height: fit-content;

        & img{
            object-fit: contain;
        }
    }

    /* TECH ENGAGEMENT PAGE */
    .vid-holder{
        width: 95vw;
        height: 45vh;
    }

    .tech-asset{
        width: 45vw;
    }
}

@media screen and (max-width: 500px) {
    /* NAV */
    
    /* HAMBURGER MENU */
    .links-container{
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .5rem;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 10;
    width: 200px;
    transition: .75s ease-out;
    /* background-color: rgb(253, 243, 211, .3); */
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(20px);
    }

    nav a{
        box-sizing: border-box;
        width: 90%;
        height: auto;
        padding: 5px 20px;
        justify-content: flex-start;
    }

    .close{
        padding: 20px;
        display: block;
    }

    .open{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    #sidebar-active:checked ~ .links-container{
        right: 0;
    }

    #sidebar-active:checked ~ #overlay{
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
    }

    .home-link img{
        scale: 2.5;
    }

    .links-container{
        & .home-link{
            display: none;
        }
    }
    
    /* LANDING PAGE */
    .container{
        width: 100vw;
        /* border: blue 2px solid; */
    }

    .row{
        width: 100%;
        /* border: yellow 6px solid; */

        & .landing-left{
            width: 99vw;
            margin-top: 0;
            /* border: green 5px solid; */
        }

        & .landing-right{
            width: 95vw;
        }

    }

    .left-column{
        width: 95vw;
        padding: 0;
    }

    .right-column{
        width: 95vw;
        margin-top: 0;
    }

    /* SERVICES SECTION */
    .services-left{
        width: 97vw;
        /* border: purple 7px solid; */
        gap: 0.8rem;
    }

    .slider{
        height: 5vh;

        & a{
            font-size: large;
        }
    }

    /* PORTFOLIO SECTION */
    #portfolio{
        & .container{
            padding: 40px;

            & .row{
                padding: 40px;
            }
        }
    }

    .header{
        margin: 0;
        height: 10vh;
    }

    .portfolio-img-holder{
        height: 35vh;

        & img{
            object-fit: contain;
        }
    }

    /* ABOUT US SECTION */
    .about-row{
        width: fit-content;
    }

    .about-left{
        position: inherit;
        right: 20%;
        height: fit-content;
        width: 80vw;

        & img{
            object-fit: contain;
            width: 100%;
            height: 100%;
        }
    }

    .about-right{
        position: inherit;
        width: 99vw;
        gap: 1rem;
        height: fit-content;
        /* border: red 4px solid; */

        & .header{
            margin-left: 0;
        }
    }

    /* LOCATION SECTION */
    #location{
        & .container{
            & .row{
                flex-flow: wrap;

                & .left h2{
                    text-align: center;
                }

                & .right iframe{
                    width: 90vw;
                }
            }
        }
    }

    /* CONTACT SECTION */
    .contact-container{
        & .header{
            height: 4.5vh;
        }
    }

    .contact-left{
        width: 32vw;
        bottom: 40%;
    }

    .contact-right{
        width: 32vw;
        bottom: 40%;
    }

    .middle-column{
        height: 100%;

        & .info-holder{
            width: 50vw;

            & h3{
                font-size: large;
            }
        }

        & .input-holder{
            gap: .5rem;
            width: 90%;

            & .btn{
                font-size: small;
                text-align: center;
                padding: 0;
            }
        }

        & h2{
            font-size: larger;
        }

        & h3{
            font-size: larger;
        }

        & h4{
            font-size: small;
        }

        & .socials-holder{
            & .socials-icons{
                width: fit-content;
                gap: .5rem;
            }
        }
    }

    /* SERVICES PAGE */
    #tech{
        & .container{

            & .header{
                height: 4vh;
                margin: 0;
            }

            & .row{
                justify-content: center;
            }
        }
    }

    .element-wrapper{
        width: 77vw;
    }

    /* TECH ENGAGEMENT PAGE */
    .vid-holder{
        width: 90vw;
    }

    .tech-asset{
        width: fit-content;
    }
}