/*documento*/
html,body{
    width: 100%;
    height:100%;
}
  img{
      max-width: 100%;
      height: auto;
    }

  .preto {
    position: absolute;
    width: 98%;
    position: absolute;
    height: 93%;
    color: #FFF;
    padding: 10px;
    border-radius: 15px;
    overflow: auto;
    border-radius: 8px;
    border: 1px solid #ff0000;
    background: #8B0606;
}
  
/*quadroum*/
  .embed-quadroum iframe {
    width: 98%;
    border-radius: 8px;
    border: 0px solid #FF0000;
  }

.embed-quadroum iframe {
    top:0;
    left: 0;
    padding: 5px;
    border: 0px solid #FF0000;
    background: #000;
}

  .quadroum {
    width: 90%;
    position: fixed;
    top: 2px;
    margin: 0px;
    background-color: #000;
    padding: 5px;
    border-radius: 5px;
    border: 0px solid #f00;
    overflow: auto;
  }

  .embed-quadrodois iframe {
    width: 98%;
    height: 100%;
    border-radius: 8px;
      border: 0px solid #555;
      background: #000;
  }

  .embed-quadrodois iframe {
   top:0;
    left: 0;
    padding: 5px;
    }

  .quadrodois {
    margin: 0px;
    padding: 5px;
    border-radius: 15px;
  }

  .embed-quadrodois {
    height: 100%;
    overflow: hidden;
}

.top{
  margin-top: 90px;
}


             /* Estilos para celulares principais - 10201
========================================================================== */
@media all and (min-width: 1000px) {
 
 .quadroum{
    width: 94%;
    height: 16%;
  }

.quadrodois{
    width: 98%;
  }


}


                /* Estilos para celulares principais - 900 x 999
========================================================================== */
@media all and (min-width: 900px) and (max-width: 999px) {
 
 .quadroum{
    width: 10%;
  }

.quadrodois{
    width: 98%;
  }


}

                /* Estilos para celulares principais - 650 x 899
========================================================================== */
@media all and (min-width: 650px) and (max-width: 899px) {
 
 .quadroum{
    width: 100%;
    height: 85px;
  }

.quadrodois{
    width: 98%;
  }


}


                /* Estilos para celulares principais - 441 x 649
========================================================================== */
@media all and (min-width: 441px) and (max-width: 649px) {
 
 .quadroum{
    width: 95%;
    height: 85px;
  }

.quadrodois{
    width: 98%;
  }


}


                /* Estilos para celulares principais - 360 x 440
========================================================================== */
@media all and (min-width: 360px) and (max-width: 440px) {
 
 .quadroum{
    width: 95%;
    height: 85px;
  }

.quadrodois{
    width: 98%;
  }


}


              /* Estilos para celulares principais - 359
========================================================================== */
@media all and (max-width: 359px) and {
 
 .quadroum{
    width: 95%;
    height: 85px;
  }

.quadrodois{
    width: 98%;
  }


}