@media (min-width: 300px){

  .corpo-noticia-texto{
  padding:0;
}
 
 #caixa-cabecalho{
  height: 500px;
  }

  .titulo-competicao{
  font-size: 3em;
}

.sub-titulo-competicao{
  margin-top: -0.5em;
}

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

.logo{
  display: block;
  margin:0 5em;
  width: 80px;
}

#destaque-noticias{
  padding: 2rem;
}

.patrocinio{
  width: 100%;
  height: auto;
  padding: 2rem;
  display: block;
  margin: 1rem 0;
}

.patrocinio span{
  display: block;
}

.img-noticia{
  width: 300px;
}

.mapa iframe{
   margin-top:0px;
 width:100%;

  }

  .mapa{
    padding: 2em;
  }


    .modal{
  width: 100%;
  height: 100%;
  float: left;
  left: 0;
  margin-left: 0;

  }

}/*fim media*/



@media (min-width: 1000px){


  .corpo-noticia-texto{
  padding:1rem 12rem;
}

  #caixa-cabecalho{
  height: 500px;
  }

.titulo-competicao{
  font-size: 9em;
  margin-top: -.1em;
}


.sub-titulo-competicao{
  margin-top: -1.5em;
}

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

.logo{
  display: inline-block;
  vertical-align: top;
  margin:0;
  width: 150px;
}

#destaque-noticias{
  padding: 5rem;
}

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

.patrocinio span{
  display: inline-block;
}

.img-noticia{
  width: 500px;
}

.mapa iframe{
 margin-top: -50px;
 width: 250px;

  }

  .mapa{
    padding: 5em;
  }

  .modal{
  width: 70%;
  height: 100%;
  float: left;
  left: 50%;
  margin-left: -35%;

  }

}/*fim media*/


@media (max-width: 800px) {
  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: 5px;
   margin-left: -150%;
   transition: all .4s;
   background-color: #FFF;
   color: #000;
  }

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

.menu a{
  color: #000;
}

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

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

 }