* {
    padding: 0;
    margin: 0;
}
body {
    height: 150vh;
    background-color: var(--bg-black-900);
    overflow-x: hidden;
}
:root {
    --bg-black-900: #f2f2fc;
    --bg-black-100: #fdf9ff;
    --bg-black-50: #e8dfec;
    --fff--:#fff;
    --color-11: #643fe9;
    --color-12: #1055ebd2;
    --color--13: #8f32d5;
    --color--14:#dc48e1;
    --txt-color: #000000;
}

/*----------------------------home----------------------------*/
.container-home {
    width: 100%;
    height: 20vh;
}
.home {
    width: 100%;
    height: 20vh;
}
.img-fundo img {
    width: 100%;
    height: 20vh;
    position: absolute;
}
.logo-home img {
    width: 7%;
    margin-left: 10px;
    margin-top: -60px;
    position: fixed;
}
.txt-home h1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    font-family: 'sour gummy', sans-serif;
    font-size: 30px;
    color: #fff;
}
/*----------------------------atividades----------------------------*/
.atividade-mes {
    width: 100%;
    height: 25vh;
}
.atividade-ano {
    width: 100%;
    height: 25vh;
}
.atividade-creche {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.atividade-idoso {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black; 
}
.atividade-idoso img {
    width: 12%;
    margin-left: 30%;
}
.atividade-idoso p {
    width: 50%;
    font-size: 17px;
    font-family: 'Nunito', sans-serif;
    text-align: justify;
    margin-left: 3%;
}
.atividade-creche img {
    width: 12%;
    margin-left: 3%;
}
.atividade-creche p {
    width: 50%;
    font-size: 17px;
    font-family: 'Nunito', sans-serif;
    margin-left: 20%;
    text-align: justify;
}

/*----------------------------whats----------------------------*/
.whats a{
    position: fixed;
    bottom: 1px;
    right: 10px;
    color: #35c40a;
    text-align: center;
    font-size: 60px;
    cursor: pointer;
    transition: all 0.5s ease;
}
.whats a:hover{
    transform: scale(1.1);
    transition: all 0.5s ease;
}

/*----------------------------end----------------------------*/
.container-end {
    height: 30vh;
    background-color: black;
    color: #fff;
    display: flex;
    justify-content: center;
}
.end-link {
    display: flex;
    width: 60%;
}
.container-end h1 {
    font-family: 'sour gummy', sans-serif;
    margin-top: 10px;
}
.link {
    margin-left: 10%;
}
.patrocino {
    margin-left: 10%;
}
.link a {
    display: flex;
    flex-direction: column;
    color: #fff;
    text-decoration: none;
    padding: 3px;
}
.end a{
    text-decoration: none;
    color: #fff;
}

/*----------------------------responsividade----------------------------*/
@media (max-width: 414px) {
    * {
        margin: 0;
        padding: 0;
    }

    /*----------------------------home----------------------------*/
    .txt-home h1 {
        font-size: 22px;
    }

    /*----------------------------atividades----------------------------*/
    .atividade-idoso p {
        font-size: 11px;
    }
    .atividade-creche p {
        font-size: 11px;
    }
    /*----------------------------end----------------------------*/
    .end-link h1 {
        font-size: 12px;
    }
    .end-link p {
        font-size: 10px;
    }
    .end-link a {
        font-size: 10px;
    }
    /*----------------------------whats----------------------------*/
    .whats a {
        font-size: 40px;
    }
}