body {
    background-color: #EEF8FF;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homeSection {
    display: block;
   position:relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    


}

/* Home */
.logoGrande {
    width: 108px;
    height: 131.51px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.divHome {
    position: absolute;
    width: 300px;
    height: 341px;
    left: calc(50% - 300px/2);
    top: 150px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px #8AF0D8;
    border-radius: 15px;
}

.textoHome {
    width: 200px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    margin: auto;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-align: justify;
    color: #676767;
}

.btnRegisterHome {
    width: 277px;
    height: 42px;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    margin: auto;
    background-color: #F89626;
    color: #FFFFFF;
    border: none;
    box-shadow: 0px 4px 4px #AFACAC;
    border-radius: 15px;
    font-size: medium;
    font-family: 'Montserrat', sans-serif;
    ;
}

.btnLoginHome {
    width: 277px;
    height: 42px;
    position: absolute;
    left: 0;
    right: 0;
    top: 256px;
    margin: auto;
    background-color: #F89626;
    color: #FFFFFF;
    border: none;
    box-shadow: 0px 4px 4px #AFACAC;
    border-radius: 15px;
    font-size: medium;
    font-family: 'Montserrat', sans-serif;
}

.familyImg {
display: flex;
  
  align-items: center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(0, 80%);
  max-width: 500px;
  
}




@media (max-width: 768px) {

    /* Home */
    .logoGrande {
        width: 25%;
        max-width: 108px;
        height: auto;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }

    .divHome {
        position: absolute;
        width: 80%;
        max-width: 300px;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 150px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px #8AF0D8;
        border-radius: 15px;
    }

    .textoHome {
        width: 80%;
        max-width: 200px;
        height: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        margin: auto;
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        text-align: justify;
        color: #676767;
    }

    .btnRegisterHome,
    .btnLoginHome {
        width: 80%;
        max-width: 277px;
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 200px;
        margin: auto;
        background-color: #F89626;
        color: #FFFFFF;
        border: none;
        box-shadow: 0px 4px 4px #AFACAC;
        border-radius: 15px;
        font-size: medium;
        font-family: 'Montserrat', sans-serif;
    }

    .footer {
        display: flex;
        bottom: -50px;
        order: 4;
        text-align: center;
        padding: 4px;
        width: 100%;
        height: auto;
        background: #FFD1F7;
        
        place-items: center;
        font-size: auto;
    }
}