*{
    margin:  0;
    padding: 0;
}
img {width: 100%; height:100%;}
a{text-decoration: none; color: white;}

@media screen and (min-width: 1024px)
{
    header
    {
        width: 100%;
        height: 100px;
        background-color: rgb(0, 0, 0);
    }
    header > .content
    {
        width: 1024px;
        height: 100%;
        margin: 0 auto;
    }
    header > .content > .logo
    {
        width: 250px;
        height: 60px; 
        margin: 20px 0px;
        float: left;
    }
    header > .content > .menu
    {
        height: 60px;
        margin: 20px 0px;
        float: right;
    }
    header > .content > .menu .item
    {
        height: 40px;
        padding: 20px 25px;
        display: inline-block;
        font: bold 18px "Calibri";
        color: white;
        text-align: center;
    }
    header > .content > .menu .item:hover
    {
        font: bold 20px "Calibri";

    }

    article
    {
        width: 100%;
        height: 400px;
        background-color: #f0f0f0;
    }
    article > .content
    {
        width: 1024px;
        height: 100%;
        margin: 0 auto;
    }
}
/* Verde: #087030*/

/* .topo
{
    width: 100%;
    height: 60px;
    background-color:  #087030;
}
.topo > .content
{
    width: 1080px;
    height: 100%;
    margin: 0 auto;
}
.topo > .content > .telefone , .email , .whatsapp
{
    height: 25px;
    margin: 17px 50px 0 10px;
    display: inline-block;
}
.topo > .content > .whatsapp
{
    margin-top: 12px;
    float: right;
    background-color: lightgreen;
    padding: 5px;
    border-radius: 5px;
}
.topo > .content .icone
{ 
    width: 25px; 
    height:25px;
    float: left;
}
.topo > .content .texto
{
    margin: 3px 0 0 5px;
    font-family: "Calibri";
    font-size: 17px;
    font-weight: normal;
    color:white;
    float: right;
}
.topo > .content > .whatsapp .texto
{
    color:black;
    font-weight: bold;
}
*/