.pre-topo{background: #00897b;text-align: center;}
.pre-topo i{color: white;}
.menu-pre-topo span{color: white;}
.menu-principal{width: 80%;float: right;text-align: right;margin-top: 22px;}
.menu-principal li{display: inline-block;}
.menu-principal a{padding: 10px 25px;font-size: 1.1em;}
.menu-principal a:hover{background: #00897B; padding: 10px 25px;color: white;transition: all .3s;}
.menu-ativo{padding: 10px 25px;background: #00897B;color: white;}
.menu-responsivo{display:none;float:right;border:0px solid red;}
.menu-responsivo ul{padding-left: 0px;}
.menu-responsivo li{display:inline-block;border-bottom:1px solid #00897B;padding-bottom: 10px;}
.menu-responsivo a{text-decoration:none;color:#1a1a1a;text-transform:uppercase;letter-spacing:0.5px;font-size:0.9375em;transition:all .5s;}
.atalho{color: white;position: absolute;display: block;background: #00897B;padding: 8px 3px;border-radius: 30px;text-align: center;width: 30px;}
.topo{width: 100%;padding: 5px 0;overflow: hidden;z-index: 999999;}
.fig-logo{width: 15%;float: left;}

/*==MEDIA QUERIE==*/
/* 752px */
@media screen and (max-width: 47em) {
.topo{padding: 6px 0 3px 0;}
.fig-logo{width: 33%;}
.pre-topo{display: none;}
.menu-principal{display: none;}
.menu-responsivo{display: block;}
.atalho{right:9%;top:22px;}
.menu-responsivo{width:100%;display:block;}
.menu-responsivo .js{display:none;}
.menu-responsivo li{display:block;margin:15px 0;padding: 5px 0;}
.menu-responsivo ul{margin-top:10px;}
.menu-responsivo a{font-size:.8em;margin-left: 5px;font-weight:400;}
.menu-principal{width: 100%;margin-top: 10px;}
.menu-principal a{font-size: .9em;}
.menu-principal ul{justify-content: center;}
}
/* 656px */
@media screen and (max-width: 41em) {
} 
/* 592px */
@media screen and (max-width: 37em) {
}


@media (max-width: 68em) { ... } /* 1088px */
@media (max-width: 82em) { ... } /* 1312px */
@media (max-width: 100em) { ... } /* 1600px */