html {
   height: 100%;
   background-color: #000;
   overflow: hidden;
   border: 0px solid red;
}

body {
   width: 99vw;
   height: 100vh;
   overflow: hidden;
   border: 0px solid yellow;
}

    img{
      max-width: 100%;
      height: auto;
    }

    .grl{
        width: 100vw; 
        height: 100vh;
        border: 0px solid violet; 
        overflow: hidden;
    }

    .cnt1{
    	width: 99vw;
    	height: 80vh;
        border: 0px solid yellow; 
       overflow: hidden; 
    }

    .cnt2{
        width: 100vw; 
        height: 20vh; 
        border: 0px solid red;
        overflow: auto;
     }

.container{
        margin: 0; 

    }
    iframe{      
        display: block;     
        width: 97vw; 
        height: 90vh;    
        border: none;
    }

    .nav{
        margin: 0;
    }
    iframe{      
        display: block;
        width: 97vw;  
        height: 100vh;      
        border: none;
    }

    .esp{
    	width: 2px; 
    	height: 10px;
    }


@media all and (min-width: 1401px) {
}

@media all and (min-width: 1301px) and (max-width: 1400px) {
}

@media all and (min-width: 1201px) and (max-width: 1300px) {
}

@media all and (min-width: 1001px) and (max-width: 1200px) {
}

@media all and (min-width: 901px) and (max-width: 1000px) {
}

@media all and (min-width: 801px) and (max-width: 900px) {
}

@media all and (min-width: 701px) and (max-width: 800px) {
}

@media all and (min-width: 601px) and (max-width: 700px) {
}

@media all and (min-width: 501px) and (max-width: 600px) {
}

@media all and (min-width: 401px) and (max-width: 500px) {
}

@media all and (min-width: 301px) and (max-width: 400px) {
}

@media all and (min-width: 201px) and (max-width: 300px) {
}

@media all and (min-width: 101px) and (max-width: 200px) {
}

@media all and (max-width: 100px) {
}