@media (min-width: 1801px) and (min-height: 800px) {
    .activeAnimation #firstDivTitle {
        left: 0px;
    }

    .activeAnimation #firstDivLeftParagraph {
        left: 5vw;
    }

    .activeAnimation #firstDivRightParagraph {
        right: 0px;
    }

    .activeAnimation #firstDivToSecondDiv {
        left: 0px;
    }

    .activeAnimation #secondDivTitle {
        left: 0px;
    }

    .activeAnimation #secondDivList {
        opacity: 1;
    }

    .activeAnimation #secondDivToThirdDiv {
        opacity: 1;
    }

    .activeAnimation #thirdDivToSecondDiv {
        opacity: 1;
    }

    .activeAnimation #thirdDivTitle {
        left: 0px;
    }

    .activeAnimation #thirdDivNewHouse {
        left: 0px;
    }

    .activeAnimation #thirdDivMicrosoft {
        left: 0;
    }

    .activeAnimation #thirdDivKarlKolb {
        left: 0;
    }

    .activeAnimation #thirdDivFirstVL {
        height: 70vh;
        border: 0.2vw solid rgb(230, 230, 230);
    }

    .activeAnimation #thirdDivStudying {
        opacity: 1;
        top: 0px;
    }

    .activeAnimation #thirdDivSecondVL {
        height: 70vh;
        border: 0.2vw solid rgb(230, 230, 230);
    }

    .activeAnimation #thirdDivStartingSoon {
        left: 0px;
    }
    .activeAnimation #fifthDivTitle {
        left: 0px;
    }

    .activeAnimation #fifthDivMainWrapperDiv {
        opacity: 1;
    }

    .activeAnimation #sixthDivTitle {
        left: 0px;
    }

    .activeAnimation #sixthDivInfoDiv {
        left: 0vw;
    }

    .activeAnimation #sixthDivContactDiv {
        left: 0px;
    }

    .activeAnimation #sixthDivMediaDiv {
        top: 5vh;
        opacity: 1;
    }
}

@media (min-width: 1009px) and (max-width: 1800px) {
    .activeAnimation #sixthDivTitle {
        left: 0px;
    }

    .activeAnimation #sixthDivInfoDiv {
        left: 0vw;
    }

    .activeAnimation #sixthDivContactDiv {
        left: 0px;
    }

    .activeAnimation #sixthDivMediaDiv {
        top: 5vh;
        opacity: 1;
    }
}