@media screen and (max-width: 860px) {
    #huge { font-size: 8em; }
    .container { 
        max-width: none;
        width: 75%;
        margin-left: 12.5%;
    }
    .meta-container img {
        max-width: none;
        width: 75%;
    }
}

/*landscape*/
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 668px) {
    #huge { font-size: 7em; }
}

@media screen and (max-width: 600px) {
    #huge { font-size: 6em; }
}

@media screen and (max-width: 525px) {
    #huge { font-size: 5.3em; }
}

@media screen and (max-width: 435px) {
    #huge { font-size: 4.5em; }
}

@media screen and (max-width: 310px) {
    #huge { font-size: 4em; }
}