@import '../../../root/css/root.css';

.address-to-home-link_wrapper {
    margin: 0 0 50px 0;
}

/* ___ADDRESS-SECTION___ */
.address-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 135px 0 130px 0;
}

.address-main_wrapper {
    display: flex;
    flex-direction: column;
    align-self: center;
    max-width: 1810px;
}

.address-content_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.address-text {
    font-family: Exo2-Regular, sans-serif;
    font-size: 32px;
    font-weight: 100;
    color: var(--light-text-color);
    text-align: center;
    margin: 0 var(--main-indent) 0 var(--main-indent);
}

/* ___DATE-SECTION___ */
.date-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 130px 0;
}

.date-main_wrapper {
    display: flex;
    flex-direction: column;
    align-self: center;
    max-width: 1810px;
}

.date-content_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.date-text {
    font-family: Exo2-Regular, sans-serif;
    font-size: 32px;
    font-weight: 100;
    color: var(--light-text-color);
    text-align: center;
    margin: 0 var(--main-indent) 0 var(--main-indent);
}

@media all and (max-width: 1610px) {
    .address-to-home-link_wrapper {
        margin: 0 0 41px 0;
    }

    .address-section {
        margin: 112px 0 108px 0;
    }

    .date-section {
        margin: 0 0 108px 0;
    }

    .address-text, .date-text {
        font-size: 26px;
    }
}

@media all and (max-width: 1450px) {
    .address-to-home-link_wrapper {
        margin: 0 0 37px 0;
    }

    .address-section {
        margin: 101px 0 97px 0;
    }

    .date-section {
        margin: 0 0 97px 0;
    }

    .address-text, .date-text {
        font-size: 23px;
    }
}

@media all and (max-width: 1240px) {
    .address-to-home-link_wrapper {
        margin: 0 0 31px 0;
    }

    .address-section {
        margin: 85px 0 82px 0;
    }

    .date-section {
        margin: 0 0 82px 0;
    }

    .address-text, .date-text {
        font-size: 19px;
    }
}

@media all and (max-width: 600px) {
    .address-text, .date-text {
        font-size: 15px;
    }
}

@media all and (max-width: 440px) {
    .address-section {
        margin: 90px 0 60px 0;
    }

    .date-section {
        margin: 0 0 80px 0;
    }

    .address-text, .date-text {
        font-size: 12px;
    }
}