*{
    margin: 0; padding: 0;
}

#header{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 
        "header-1"
        "header-2";
    color: #454545;
}

.header-1{
    grid-area: header-1;
    background-color: #ededed;
    padding: 12px 0;
    color: #333;
}
.header-1 i:nth-of-type(2),
.header-1 i:nth-of-type(3){ margin-left: 20px}

.header-2{
    grid-area: header-2;
    background-color:white;
    padding: 18px 0;
}
/* AQUI COMEÇA O MENU DESKTOP*/

.nav-top #toggle,
.nav-top label{ display: none; }

.nav-top{
    display: grid;
}

.nav-top nav{
    display: grid;
    grid-template-columns: repeat(6, auto);
}
.nav-top nav a{
    color: #454545;
    text-align: center;
    line-height: 90px;
}
.nav-top nav a:hover{
    color: #053788;
    text-decoration: underline;
}
#fechar,#abrir{ display: none; }

.logo img { max-width: 100% }

/*
@media (max-width:1100px){

    .nav-top nav { grid-column: 4 / 13; }
    
}

@media (max-width:1000px){
    
    .nav-top nav{
        grid-template-columns: repeat(3, auto);
    }
    .nav-top nav a{
        line-height: 40px;
    }
}

@media (max-width:970px){
    
    .header-1 p{text-align: center; }
    .header-1 p:nth-of-type(1){ grid-column: 1 / 5; }
    .header-1 p:nth-of-type(2){ grid-column: 5 / 9; }
    .header-1 p:nth-of-type(3){ grid-column: 9 / 13; }
    
    .nav-top nav{
        grid-template-columns: repeat(3, auto);
    }
    
    .nav-top nav a{
        line-height: 40px;
    }

}

@media (max-width:768px){
    .header-1{ display: none; }
    
    .logo img { max-width: 250% }
    
    .nav-top nav{
        display: none;
        grid-column: 1 / 13;
        grid-template-columns: repeat(1, auto);
        line-height: 70px;
    }
    .nav-top nav a{
        display: block;
        border-bottom: solid #ededed 1px;
        line-height: 70px;
        text-decoration: none;
        text-align: center;
    }
    .nav-top label{
        display:block;
        cursor: pointer;
        text-align: center;
    }
    .nav-top #toggle{
        display: none;
    }
    .nav-top .inicio{
        border-top: solid #ededed 1px;
    }

    #fechar{ 
        display: none;
        font-size: 40px;
    }
    #abrir{ 
        display: block;
        font-size: 35px;
    }
    
    #toggle:checked ~ label #abrir{ display: none; }
    #toggle:checked ~ label #fechar{ display: block; }
    #toggle:checked ~ nav{ display: block; }
  
}
*/