@media screen and (min-device-width:1024px) {
    
    #wallpaperHolder{
        width: 100vw;
        position: relative;
        height: 40vw;
        overflow: hidden;
    }

    #wallpaper{
        position: absolute;
        z-index: 1;
        width: 100vw;
        height: auto;
        top: 0;
        left: 0;
    }

    #wallpaper_blackDiv{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0;
        background-color: black;
        transition: 1s;
    }

    #wallpaperHolder #contentHolder{
        width: 30vw;
        position: relative;
        margin-left: 7vw;
        position: relative;
        z-index: 3;
        opacity: 0;
        left: -3vw;
        transition: 1.5s;
    }

    #blackBlock{
        position: relative;
        background-color: black;
        padding: 3vw;
        margin-left: auto;
        width: 34vw;
        z-index: 4;
        margin-right: 7vw;
        margin-top: -12vw;
        opacity: 0;
        top: 3vw;
        transition: 1.5s;
    }

    #square{
        width: 5vw;
        height: 5vw;
        position: absolute;
        bottom: -2.5vw;
        right: 2vw;
    }

    #projectsHolder{
        display: flex;
        padding-bottom: 2vw;
        width: 100%;
        overflow-x: auto;
    
    }
    
    #projectsInsideHolder{
        width: fit-content;
        position: relative;
        left: -2vw;
    }
    
    .projectsHolders{
        width: 40vw;
        margin-left: 2vw;
        position: relative;
    }

    .projectsHolders:hover .images{
        scale: 1.4;
    }
    
    .imagesHolders{
        width: 100%;
        position: relative;
        height: 19vw;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .images{
        width: 100%;
        height: auto;
        scale: 1;
        transition: 0.4s;
    }

    #section_2{
        padding-top: 5vw;
        padding-bottom: 5vw;
        background-color: #f4f4f4;
    }

    #section_2_contentHolder{
        justify-content: space-between;
        width: 100%;
    }

    #section_2_leftDiv{
        width: 49%;
        position: relative;
        overflow: hidden;
    }

    #section_2_img{
        height: 40vw;
        width: auto;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }



    #section_2_rightDiv{
        width: 49%;
        position: relative;
        height: 40vw;
    }

    #section_2_rightDiv #imageHolder{
        width: 100%;
        height: 20vw;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        overflow: hidden;
    }

    #section_2_rightDiv #imageHolder #image{
        width: 100%;
        height: auto;
    }

    #section_3{
        display: flex;
        justify-content: space-between;
    }

    #section_3 #leftDiv{
        position: relative;
        width: 45%;
    }

    #section_3 #rightDiv{
        width: 49%;
        position: relative;
        height: 38vw;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    #section_3 #rightDiv img{
        width: 115%;
        height: 100%;
    }

    .squares{
        width: 45%;
    }

    .shaded{
        background-color: #d8d6d6;
        padding: 2vw;
    }


    #section_4{
        padding-top: 4vw;
        padding-bottom: 5vw;
        background-color: #f4f4f4;
    }

    .featuresHolders{
        width: 31%;
        height: 27vw;
        position: relative;
        margin-top: 4vw;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        top: 0;
        transition: 0.7s;
    }

    .featuresHolders:hover{
        top: -1vw;
    }

    .featuresImages{
        height: 100%;
        width: auto;
        min-width: 100%;
        position: relative;
        z-index: 1;
    }
    
    .featuresBlackDivs{
        position: absolute;
        left: 0;
        top: 0;
        background-color: black;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0.7;
    }

    .featuesText{
        position: absolute;
        bottom: 2vw;
        left: 2vw;
        padding-right: 2vw;

        z-index: 3;
    }

    .section_5_divs{
        padding: 2vw;
        width: 50%;
        position: relative;
    }

    #section_5_img_holder{
        position: relative;
        height: fit-content;
        overflow: hidden;
    }

    #section_5_img{
        width: 100%;
        height: auto;
    }


    #section_6{
        display: flex;
        justify-content: space-between;
        padding-top: 2vw;
    }

    #section_6 #leftDiv{
        width: 47%;
        position: relative;
        padding-top: 2vw;
    }

    #section_6 #rightDiv{
        width: 40%;
        background-color: #f4f4f4;
        padding: 2vw;
        border-radius: 25px;
    }

    #section_6_logo{
        width: 70%;
        height: auto;
        margin-left: 15%;
    }

    textarea{
        height: 10vw;
    }

    .socialIcons{
        width: 4vw;
        height: 4vw;
    }

    #terms{
        text-decoration: underline;
    }

}