@import "main.css";

/* big sliders */
.aa-cdh-slide2 {
    height: 100%;
    width: 110vw;
    background-color: var(--main-color);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: white;
}

.aa-unc-slide2 {
    height: 100%;
    width: 50vw;
    background-color: white;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: black;
}

.aa-cdh-slide3 {
    height: 100%;
    width: 270vw;
    background-color: white;
    display: flex;
    color: black;
    justify-content: space-between;
    align-items: center;
}

.aa-unc-slide3 {
    height: 100%;
    width: 420vw;
    background-color: var(--main-color);
    display: flex;
    color: white;
    justify-content: space-evenly;
    align-items: center;
}

.aa-cdh-slide4 {
    height: 100%;
    width: 130vw;
    background-color: var(--main-color);
    display: flex;
    color: white;
    justify-content: space-between;
    align-items: center;
}

/* sliders content */

.aa-cdh-logo-img {
    width: 50%;
}

.aa-cdh-rain-bigpic {
    height: 100%;
    width: auto;
}

.aa-cdh-rain-smpic {
    height: 80%;
    margin-left: 5vw;
    width: auto;
}

.aa-cdh-intro-fig {
    height: 80%;
    width: auto;
}

.aa-cdh-sb-pic {
    height: 100%;
    width: auto;
}

.aa-txt-wrap {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.aa-cdh-intro-txt-wrap {
    width: 35vw;
    margin-right: 5vw;
    margin-left: 5vw;
}

.aa-cdh-rain-txt-wrap {
    width: 35vw;
    margin-right: 5vw;
    margin-left: 5vw;
}

.aa-cdh-sb-txt-wrap {
    width: 35vw;
    margin-right: 5vw;
    margin-left: 8vw;
    margin-top: 10vh;
}

.aa-unc-txt-wrap {
    width: 35vw;
    margin-right: 5vw;
    margin-left: 5vw;
}

.aa-unc-txt-last-wrap {
    width: 30vw;
    margin-right: 5vw;
    margin-left: 5vw;
}

.aa-acc {
    color: var(--accent-color);
}

.aa-head {
    font-weight: 500;
    width: 90%;
    font-size: 4em;
    padding-bottom: 5vh;
    line-height: 2ch;
}

.aa-txt {
    font-size: 1.2em;
    width: 90%;
    height: 20%;
    line-height: 2.5ch;
    text-align: justify;
    font-weight: 300;
}

.aa-unc-sqpic {
    height: 90%;
    width: auto;
}

.aa-unc-bigpic {
    height: 100%;
    width: auto;
}

.aa-unc-picset-wrap {
    height:  70%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aa-unc-picset-fig {
    height: 100%;
    margin-left: 1vw;
    margin-right: 1vw;
}

.aa-unc-sqtile-bottom {
    width: 95%;
    padding-top: 20px;
    height: 5%;
    text-align: center;
    font-weight: 200;
    font-size: 1.1em;
    font-family: josephine_it;

}

.aa-unc-sqtile-wrap {
    height: 100%;
    width: 35vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.aa-unc-sqtile-img {
    height: 65%;
    width: auto;
}

@media (max-width: 600px) and (orientation: portrait) {

    /* big sliders */
    .aa-cdh-slide2 {
        height: calc(1.1*var(--fix-mob-height));
        width: 100vw;
        justify-content: space-evenly;
        flex-direction: column;
    }

    .aa-unc-slide2 {
        height: calc(0.7*var(--fix-mob-height));
        width: 100vw;
        justify-content: space-evenly;
        flex-direction: column;
    }

    .aa-cdh-slide3 {
        height: calc(2*var(--fix-mob-height));
        width: 100vw;
        justify-content: space-between;
        flex-direction: column;
    }

    .aa-unc-slide3 {
        height: calc(6.5*var(--fix-mob-height));
        width: 100vw;
        justify-content: space-between;
        flex-direction: column;
    }

    .aa-cdh-slide4 {
        height: calc(0.9*var(--fix-mob-height));
        width: 100vw;
        align-items: center;
        flex-direction: column;
    }

/* --------------------------------- */

    .aa-cdh-logo-img {
        width: 50%;
    }

    .aa-cdh-rain-bigpic {
        height: auto;
        width: 100vw;
    }

    .aa-cdh-rain-smpic {
        height: auto;
        margin-left: 0vw;
        width: 100vw;
    }

    .aa-cdh-intro-fig {
        height: auto;
        width: 100vw;
    }

    .aa-cdh-sb-pic {
        height: auto;
        width: 100vw;
    }

    .aa-txt-wrap {
        height: auto;
    }

    .aa-cdh-intro-txt-wrap {
        width: 95vw;
        margin-right: 0vw;
        margin-left: 0vw;
    }

    .aa-cdh-rain-txt-wrap {
        width: 95vw;
        margin-right: 0vw;
        margin-left: 0vw;
    }

    .aa-cdh-sb-txt-wrap {
        width: 95vw;
        margin-right: 0vw;
        margin-left: 0vw;
        margin-top: 5vh;
        margin-bottom: 5vh;
    }

    .aa-unc-txt-wrap {
        width: 95vw;
        margin-right: 0vw;
        margin-left: 0vw;
    }

    .aa-unc-txt-last-wrap {
        width: 95vw;
        margin-right: 0vw;
        margin-left: 0vw;
    }

    .aa-acc {
        color: var(--accent-color);
    }

    .aa-head {
        font-size: 2.5em;
    }

    .aa-txt {
        font-size: 1.1em;
        height: auto;
    }

    .aa-unc-sqpic {
        height: auto;
        width: 100vw;
    }

    .aa-unc-bigpic {
        height: auto;
        width: 100vw;
    }

    .aa-unc-picset-wrap {
        height: auto;
        flex-direction: column;
    }

    .aa-unc-picset-fig {
        height: auto;
        width: 85%;
        margin-top: 2vh;
    }

    .aa-unc-sqtile-bottom {
        padding-top: 20px;
        height: auto;
        padding-bottom: 20px;
        font-size: 1em;
    }

    .aa-unc-sqtile-wrap {
        height: auto;
        width: 100vw;
        align-items: center;
    }

    .aa-unc-sqtile-img {
        height: auto;
        width: 100%;
    }

}