#about_us{
    background-color: var(--hot-pink);
    display:block;
    padding:2.5%;
}

#contact_opening{
    background-color: var(--column-green);
    padding:2.5%;
}

h3 {
    text-align: left;
}

data-column{
	max-width:45%;
    flex-grow:1;
    display:flex;
    flex-direction: column;
    border-radius: 5px;
}

#about_us_font_size{
font-size:25px;

}

kindergarten-aftercare{
    flex-grow:1;
    display:flex;
    justify-content:flex-start; 
}

grid-system {
    display: grid;
    grid-template-columns: 5fr 4fr;
    gap: 15px 15px;
}

.value_img {
    width: 100%;
    height: 100%;
}

#value1 {
    background-image: url('/global/images/holding_hands.jpg');
    background-position: center;
    background-size: auto 100%;
}

#value2 {
    background-image: url('/global/images/children_bricks.jpg');
    background-position: center;
    background-size: auto 100%;
}

#value3 {
    background-image: url('/global/images/two_girls_sun.jpg');
    background-position: center;
    background-size: auto 100%;
}

div[data-value] {
    padding: 24px;
    border: 2px solid black;
}

div[data-value="1"] {
    background-color: var(--column-green);
}

div[data-value="2"] {
    background-color: var(--sky-blue);
}

div[data-value="3"] {
    background-color: var(--pink);
}

#directors {
    background-color: var(--hot-pink);
}

#parent_coop {
    background-color: var(--sky-blue);
}

.wrap_parent {
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    width:100%;
}

.wrap {
    width:45%;
    overflow: hidden;
    margin:2%;
}

#documents {
    background-color: var(--column-green);
    max-width:80%;
    margin:auto;
}

@media only screen and (max-width: 760px) {
    #bes_for, #values_flex, #about_us_and_contact_flex {
        flex-direction: column;
    }
    #bes_for > *, #values_flex > *, #about_us_and_contact_flex > * {
        max-width:100% !important;
        margin:2.5vw;
    }

    #about_us_and_contact_flex > *:first-child {
        padding:30px;
    }

    #katholt_values {
        width:100% !important;
    }
}

@media only screen and (max-width: 1100px) {
    kindergarten-aftercare h3 {
        font-size: 1.2em !important;
    }
}