body{
    margin: 0;
    padding: 0;
    width: 100%;
}

header{
    width: 100%;
    height: 100vh;
    display: grid;
   /* background-image: linear-gradient(to bottom, #fff 35%, #2f7fee 70%);*/
}

#logo-header{
    width: 400px;
    height: 400px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    z-index: 1;
}

#conteiner-header{
    background-color: #2f7fee;
    width: 100vw;
    height: 70vh;
    display: flex;
    align-items: center;
    margin-top: -150px;
}

#mensagem-ajuda{
    width: 100%;
    margin: auto;
    border-radius: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    margin-top: 200px;
}

h1{
    font-size: 3em;
}

#mensagem-ajuda > p{
    font-size: 2em;
}

main{
    width: 60%;
    margin: auto;
}

.informacoes{
    display: grid;
    width: 100%;
    gap: 100px;
    margin-block: 80px;
    font-family: Arial, Helvetica, sans-serif;
}

h2{
    color: #006aff;
    font-size: 2em;
}

.informacoes > div > p{
    font-size: 1.1em;
}

.lista{
    font-size: 1.1em;
}

#btn{
    background-color: #006aff;
    border: none;
    border-radius: 10px;
    width: 60vw;
    height: 60px;
}

#btn:hover{
    cursor: pointer;
    background-color: rgb(128, 202, 255);
}

#btn > a{
    padding-inline: 350px;
    padding-block: 20px;
    text-decoration: none;
    font-size: 1.5em;
    color: white;
}

footer{
    background-color: whitesmoke;
    width: 100%;
    height: 310px;
}

#logo-footer{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-block: 20px;
}

.contatos{
    display: flex;
}

.contatos > a{
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
} 

#conteiner-footer{
    width: 50%;
    margin: auto;
}

.icone{
    width: 40px;
    height: 40px;
}

#instituto-nascimento{
    font-size: 0.8em;
    text-align: center;
    margin-top: 50px;
}

@media (max-width: 1000px) {

    #logo-header{
    width: 340px;
    height: 350px;
    }

    #conteiner-header{
        height: 70vh;
    }

    #mensagem-ajuda{
        width: 90vw;
        align-items: center;
    }

    h1{
    font-size: 2em;
    }

    #mensagem-ajuda > p{
        font-size: 1.5em;
    }

   main{
        width: 90vw;
   }

   .informacoes{
        width: 100%;
    }

   #btn{
        width: 100%;
    }

    #btn > a{
        padding-inline: 100px;
        padding-block: 20px;
    }

    #conteiner-footer{
        width: 90%;
    }

    #instituto-nascimento{
        font-size: 0.6em;
        margin-top: 30px;
    }
}