html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-image: url("http://i.imgur.com/9ToLtWX.jpg");
    background-size:cover;
    font-family: 'Roboto', sans-serif;
}
body {
    color: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.container {
    width: 50%;
    margin: 0 auto;
    margin-top: 1rem;
    padding: 1rem;
    text-align:center;
}
h1 {
    font-weight: bold;
}
a {
    color: #222;
    text-decoration: none;
    font-weight: bold;
}
a strong {
    color: inherit;
}
a:hover, a:focus {
    text-decoration: underline;
}
.social {
  list-style: outside none none;
  padding: 0;
  margin: 0;
  text-align:center;
}
.gasa {
  list-style: outside none none;
  padding: 0;
  margin: 0;
  text-align:center;
}
.social li {
    padding: 0 0.5rem 0 0.5rem;
    display:inline-block
}

footer {
    width: 50%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 960px) {
    body {
        background-position: center center;  
        overflow: hidden;
    }
    .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        }
    }
}