body{
    margin: 0 auto;
    background-color: #0e1015;
    

}

iframe {
    margin:auto;
    display:block;

}

  /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    
    iframe {
        width: 320px;
        height: 320px;
            }

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) { 
    
    
    iframe {
        width: 400px;
        height: 400px;
            }
    
    }
    
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 490px) {
    
  
    
    }
    

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

 

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
    
        iframe {
        margin-top: 100px;
        width: 520px;
        height: 520px;
            }
    
    }
    
    }
    
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1650px) {
        
        iframe {
        margin-top: 200px;
        width: 800px;
        height: 800px;
            }
        
    }