body {
    width: 100%;
    height: 100%;
    font-family: 'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #b1b2b3;
    margin:0;
    background: #efefef
}

html {
    width: 100%;
    height: 100%;
}


#container {display:flex;justify-content: center; align-items:center;width: 100%;height: 100%;}
h1{color: #888888; font-size: 8em}

footer{position:fixed;bottom: 0; left:0; width: 100%; height: 50px;background: #888888;display:flex;justify-content: flex-end; align-items:center;}
footer a{padding-right: 2em}

@media(max-width: 1200px) {

}
@media(max-width: 992px) {
    h1{color: #888888; font-size: 6em}
}
@media(max-width: 768px) {
    h1{color: #888888; font-size: 4em}
}
@media(max-width: 480px) {
    h1{color: #888888; font-size: 2em}
}