.page2{
    width: 100vw;
    height: 110vh;
    position: relative;
    background-image: url('../Src/Page2/Page 2 Background 1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    display: flex;
    flex-direction: column;
}

.page2-image-placeholder1{
    position: absolute;
    left: 30vw;
    top: 0;
    width: fit-content;
}

.page2-image1{
    width: 40vw;
}

.page2-container1{
    width: 50vw;
    max-height: 90vh;
}


.page2-responsive-container1{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.page2-image-placeholder2{
    left: 0;
 }
.page2-container1 #icon{
    width: 5vw;
}



.page2-image-placeholder2{
    height: 100%;
}

.page2-image2{
    height: 105vh;
}



.page2-container1{
    padding-top: 15vh;
    display: flex;
    flex-direction: column;
    align-items: left;
}

#Page2IconTextAll{
    padding-top: 3vh;
    padding-bottom: 2vh;
    display: flex;
    flex-direction: row;
    align-items: left;
    width: 70%;
}

.page2-text-placeholder{
    padding-left: 2vh;
}

#Page2Texta{
    color: #FD7702;
    font-family: Poppins-Bold;
}

#Page2Textb{
    color: white;
    font-family: Poppins;
    font-size: 2.2vh;
}


.page2-button-placeholder1{
    width: 10vw;
}

.page2-button {
    height: min(10vw, 140px);
    width: auto;
}



@media (max-width: 768px) {
    .page2{
        height: auto;
        background-repeat: repeat-y;
        width: 100vw;
    }

    .page2-image-placeholder1{
        
        position: unset;
        display: flex;
        left: 0;
        top: 0;
        width: 100%;
        justify-content: center;
        align-items: center;

    }

    .page2-image1{
        width: 80%;
    }
    .page2-responsive-container1{
        display: flex;
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start;
        height: 100%;
        padding-top: 6vh;
    }



    .page2-container1{
        padding-top: 0;
        display: flex;
        flex-direction: column;
/*        align-items: left;*/
    }

    .page2-image-placeholder2{
        left: 0;
        height: fit-content;
        width: 100vw;
    }

    .page2-image2{
        height: auto;
        width: 95%;
    }  

    .page2-container1 #icon{
        width: 12vw;
    }

    #Page2IconTextAll{
        padding-top: 3vh;
        padding-bottom: 2vh;
        display: flex;
        flex-direction: row;
/*        align-items: left;*/
        width: 90vw;
        padding-left: 2vh;
    }

    .page2-text-placeholder{
        padding-left: 2vh;
    }

    #Page2Texta{
        color: #FD7702;
        font-family: Poppins-Bold;
        font-size: 1.8vh;
    }

    #Page2Textb{
        color: white;
        font-family: Poppins;
        font-size: 1.5vh;
    }


    .page2-button-placeholder1{
        position: relative;
        display: flex;
        width: 100vw;
        flex-direction: row;
        justify-content: center;
    }

    .page2-button{
        height: auto;
        width: 70vw;
    }




}