@media (min-width: 300px){


 
 #caixa-cabecalho{
  height: 500px;
  }

  .logo{
  display:inline-block;
  vertical-align: top;
  margin:0 3em;
  width: 80px;
  font-family: "Magistral W01 Cond ExtraBold";
}

.texto-destaque-slider{
  padding: 2em;
   font-size:2rem;
  }

  .corpo-noticia-texto{
  padding:0;
}


.destaque{
  width: 100%;
  margin-left: 0;
  margin-top: 1rem;
  display: block;
}



#destaque-noticias{
  padding: 2rem;
}



.img-noticia{
  width: 300px;
}




.center_patrocinio{
  margin:2em 0;  
  width: 100%;
}


  .patrocinio{
 display: block;
 vertical-align: top;
 padding: 2em;
}

.patrocinio h5, img{
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family:'Saira Regular';
}



}/*fim media*/



@media (min-width: 1200px){


  #caixa-cabecalho{
  height: 500px;
  }

.logo{
  display: inline-block;
  vertical-align: top;
  margin:0 1em 0 0;
  width: 150px;
  font-family: "Magistral W01 Cond ExtraBold";
  font-size: 1.35rem;
}


.texto-destaque-slider{
  padding: 3em 5em 3em 5em;
   font-size:2.75rem;
  }

/*CORPO NOTICIA */
  .corpo-noticia-texto{
  padding:1rem 12rem;
}


/* corpo noticia fim*/


.destaque{
  width: 30%;
  margin-left: 2em;
  margin-top: 1em;
  display: inline-block;
}

.destaque_herois{
  width: 24.7%;
  margin: 0 0 1em 0;
  display: inline-block;
}


#destaque-noticias, #herois{
  padding: 3rem 1rem;
}



.img-noticia{
  width: 500px;
}



.center_patrocinio{
  margin:1em auto 1em auto;  
  width: 100%;"
}

  .patrocinio{
  width: 19%;
  height: 150px;
 display: inline-block;
 vertical-align: top;
 padding: 2em 1em;
}

.patrocinio h5, img{
  display: inline-block;
  vertical-align: top;
}

}/*fim media*/


@media (min-width: 1920px){


 
 #caixa-cabecalho{
  height: 800px;
  }


  .center_patrocinio{
  margin:1em auto 0 auto;  
  width: 100%;"
}


}
/*END 1920 PX-----------------------------*/

@media (max-width: 1000px) {
  label[for="bt_menu"] {
   display: block;
   
  }

  #bt_menu:checked ~ .menu {
   margin-left: 0;
   left: 0;
  }


  .menu {
   z-index: 4;
   position: absolute;
   padding-left:0;
   margin-top: 20px;
   margin-left: -150%;
   transition: all .4s;
  }

  .menu ul li{
  
   width: 100%;
   float: none;
   background-color: #0C0C0C;
  }



  .menu ul ul {
   position: static;
   overflow: hidden;
   max-height: 0;
   transition: all .8s;

  }
  .menu ul li:hover ul {
   height: auto;
   max-height: 200px;
  }

 }