.content {
    padding: 45px 45px 45px 45px;
    background-image: url('../img/kidsBg.jpg');
    background-position: center center;
    background-size: cover;
}



h1, h3 {
    color: #8bc53f;
    /* padding: 0 20px; */
}

.areaContent {
    display: flex;
    width: 100%;
    align-items: baseline;
}

.areasL {
    display: block;
    width: 100%;
}

.area {
    display: block;
    width: 100%;
}

.bubble {
    background-color: #004d40;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 20px;
    color: white;
    text-align: center;
    line-height: 15px;
}

/* @media screen and (max-width: 999px) {

    .areasL {
        display: block;
        width: 100%;
    }


    .area {
    display: block;
    width: 100%;
    text-align: left;
    }
} */