/* Smartphones */
@media (max-width: 480px) {

    #container {
        width: 100%;
        height: 500px;
        margin: -235px 0 0 0;
        padding: 0;
    }
    
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
    
    #container {
        width: 100%;
        height: 500px;
        margin: -135px 0 0 0;
        padding: 0;
    }
    
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
    
    #container {
        width: 100%;
        height: 100%;
        margin: -100px 0 0 0;
    }
    
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
    
    #container {
      width: 105%;
      height: 105%;
      margin: -200px 0 0 0;
    }
    
}

/* Large Display */
@media (min-width: 1200px) {
    
    #container {
        width: 100%;
        height: 150%;
        margin: -350px 0 0 0;
    }

}