@media (max-width: 1920px) {
    .uni-title-selection img {
        transform: scale(0.8);
    }
}

@media (max-width: 1280px) {
    .uni-title-selection img {
        transform: scale(0.7);
    }

}

@media (max-width: 798px) {
    .uni-title-selection img {
        transform: scale(0.5);
    }
}

@media (max-width: 640px) {
    .uni-title-selection img {
        transform: scale(0.4);
    }
}

@media (orientation: landscape) {
    .selected-project img {
        width: 265%;
    }
}

@media (orientation: portrait) {

    /* = Main Frame = */
    .main-frame-uni {
        grid-area: 2 / 2 / 6 / 9;
        grid-template-rows: 10% 35% 5% 45% 5%;
        grid-template-columns: 100%;
    }

    /* Selection-Title */
    .uni-title-selection {
        grid-area: 1/ 1/ 2/ 2;
        grid-template-columns: 12% 6% min-content 6% 12%;
        align-self: center;
        right: 0;
        top: 0;
    }

    #current-selection-uni {
        font-size: 2cqh;
    }

    /* Preview */
    #preview-uni {
        grid-area: 4/ 1/ 5/ 2;
        width: 80%;
    }

    /* Selection Arrows */
    #next-item {
        justify-self: flex-end;
    }

    #previous-item {
        justify-self: flex-start;
    }

    .spin-symbol-container {
        grid-area: 3 /1 /5 /2;
    }

    /* Description */
    .uni-description-container {
        grid-area: 2/ 1/ 3/ 2;
        right: 0;
    }

    .uni-description-container div {
        font-size: 2cqh;
    }

    /* = Phone Portrait = */
    @media (max-width: 920px) {
        .uni-title-selection img {
            transform: scale(0.6);
        }
    }

    @media (max-width: 640px) {
        .uni-title-selection img {
            transform: scale(0.5);
        }
    }
}