/* IMPORTA FONTES */
 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
 /* IMPORTA FONTES */


 /* ZERA O DOCUMENTO */
 body{
 padding:0px;
 margin:0px;
 }
 a{
    text-decoration:none;
 }
 ul {
    list-style-type: none;
 }
 /* ZERA O DOCUMENTO */

 /* BARRA DO MENU */
 .menu_box{
    background-color:#460333;
    text-align:center;
    top:0px;
    padding-left:2vh;
    height:80px;
    width:100%;
    box-shadow:0px 0px 25px;
    position:fixed;
    z-index:99998;
 }
 .logo{
    float:left;
    margin-top:-0.1%;
    height:122px;

  -webkit-filter: drop-shadow(0px 5px 5px #222);
  filter: drop-shadow(0px 5px 25px #222);
 }

 /*MOBILE*/
 @media only screen and (max-width: 700px) {
  
 .menu_itens{
     
    visibility:hidden !important;
 }
 .logo{
    width:100px;
    height:100px;
 }
 .btn_abre_menu{
   visibility: visible !important;
    float:right;
    margin-right:5%;
    margin-top:3%;
    text-decoration:none;
    color:white !important;
    border-style:solid;
    border-width:2px;
    text-decoration:none;

    padding:8px 11px 8px 11px;
    border-radius:100%;
    background-color:#460333;
 }
 #selecionado{
   display:none;
 }
 }
 /*MOBILE*/

 /*TABLET*/
 @media only screen and (min-width: 700px) and (max-width: 1000px) {
    
    .menu_itens{
     
     visibility:hidden !important;
  }
 .logo{
     width:100px;
     height:100px;
 }
 .btn_abre_menu{
     visibility: visible !important;
     float:right;
     margin-right:5%;
     margin-top:2%;

     color:white;
     border-style:solid;
     border-width:2px;
     padding:8px 11px 8px 11px;
     border-radius:100%;
     background-color:#460333;
 }
 #selecionado{
   display:none;
 }
 }
 /*TABLET*/

 /*ULTRAWIDE*/
 @media only screen and (min-width: 1800px) {
    .img_topo{
   margin-top:-50px;
   width:60% !important;
 }
 .content{
    text-align:center;
 }
 .btn_menu{

 font-size: 28px !important;

 }
 #selecionado{
 font-family:bebas neue;    
 display:inline-block;
 font-size: 28px !important;
 margin-left:2vw;
 color:white;
 color:pink;
 cursor:pointer;
 transition:0.1s;
 }
 .mobile{ 

    color:#8b8b8b !important;
 }
 }
 /*ULTRAWIDE*/
 .btn_abre_menu{
   visibility: hidden;
}
 .mobile{
    display:none;
 }

 .menu_itens{
    display:inline-block;
   margin-left:-14vw;
 }

 .btn_menu{
 font-family:bebas neue;    
 display:inline-block;
 font-size:2vw;
 margin-left:2vw;
 color:white;
 transition:0.5s;
 }

 .btn_menu:hover{
 font-family:bebas neue;    
 display:inline-block;
 margin-left:2vw;
 color:white;
 font-size:2.2vw;
 color:pink;
 cursor:pointer;
 transition:0.1s;
 }

 #selecionado{
 font-family:bebas neue;    
 display:inline-block;
 font-size:2.2vw;
 margin-left:2vw;
 color:white;
 color:pink;
 cursor:pointer;
 transition:0.1s;
 }
 .menu_lateral { /* estiliza o menu lateral */
    background-color:#460333;
	padding: 40px 0 0 40px;
    position: fixed; 
	top: 0;
	right: 0; 
	height: 100%;
	z-index: 99999;
	transition: 0.5s;
	width: 250px;
	font: 20px bebas neue;
    box-sizing: border-box;
    text-align: left;
 }
 .menu_lateral > ul{ /* tira os listamento padrão das tags */
	list-style:none;
	padding:0;
	margin:0;
    overflow-y: auto; 
	height:95%;
 }
 .menu_lateral > ul > li > a { /* links */
    display: block;
    border-bottom: 1px solid gray;
    padding: 6px 2px 6px 4px;
    color: white;
    transition: 0.3s;
	text-decoration: none;
 }
 .menu_lateral > a.fecha-menu { /* botão responsável pelo fechamento do menu*/
    padding: 8px 0 4px 23px;
    color: white;
    display: block;
    margin: -30px 0 -10px -20px;
    font-size: 45px;
    text-align:center;
    text-decoration: none;

 }

 .menu-overlay { /* overlay que aparece quando o menu abre*/
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    opacity: 0;
    transition: opacity 1s;
 }

 /* BARRA DO MENU */