.itens_mobile{display: none !important;}
.itens_main{display: block !important;}

/* - - - - - HEADER - - - - - */
header{width: 1200px; height: 100px; position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 2;}

/* - - - LOGO  - - - */
header .logo{width: 215px; height: auto; position: absolute; left: 60px; top: 25px;}
header .logo img{width: 100%; height: auto; position: relative; object-fit: cover;}
/* - - - LOGO  - - - */

/* - - - REDES  - - - */
header .redes{right: 150px; top: 25px;}
/* - - - REDES  - - - */

/* - - - MENU  - - - */
header .menu{width: 860px; height: auto; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; padding-top: 22.5px; right: 0; bottom: 0;}
header .menu:before{content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background-color: #7C8689;}
header .menu > *{position: relative; margin: 0; color: #fff; font-size: 15px; text-transform: uppercase; transition: 0.3s;}
header .menu > *:hover{color: #BFB181;}
/* - - - MENU  - - - */

/* - - - - - HEADER - - - - - */


/* - - - - - FOOTER - - - - - */
footer{width: 100%; height: 50px; position: relative; background-color: #041f34;}
footer .central{height: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

footer .central > *{margin: 0; position: relative;}

footer .central .logo{background: url("../../imagens/class-logo.png") center center no-repeat; width: 80px; height: 16px; overflow: hidden; text-indent: -99999px;}
footer .central p{font-size: 14px; color: #fff;}

/* - - - - - FOOTER - - - - - */