/* Small Devices */
@media only screen and (max-width: 320px) {
    
    .logo {
        text-align: right;
    }
    
    h1 {
        color: #fff;
        text-align: left;
    }
    h3 {
        color: #000;
        text-align: left;
    }
    .footer {
        text-align: center;
    }
}

/* Small Devices And Tablets */
@media only screen and (max-width: 768px) {
    
}

/* Medius Devices , Desktop */
@media only screen and (min-width: 992px) {
    
}

/* Large Devices, Wide Screen */
@media only screen and (min-width: 1200px) {
    
}