@import url(http://fonts.googleapis.com/css?family=Cabin:400);

body {

margin: 0 auto;
background: black;
min-height: 100%;
width: 100%;
padding-bottom: 3rem;
}

.heading {
margin: 0 auto;
margin-top: 40px;
height: 100%;
width: 33%;
min-width: 300px;

color: white;
font-family: 'Cabin', helvetica, arial, sans-serif;
}
.heading h1 {
text-align: center;
}
.heading p {
text-align: left;
font-size: 14px;
font-family: Helvetica Neue,Helvetica,sans-serif;
}
a:link, a:visited {
color: #40C0FF;
}
a:hover, a:selected {
color: #40C0FF;
}
.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  text-align: center;
 }
.footer a {
color: yellow;
}
#logo {position:relative; max-width:100%; padding-bottom:31.25% } /* (img px height / img px width x 100) = padding-bottom % */
#logo div { position:absolute; width:100%; height:100%; background-size:cover; background-image:url(header1920.png);}
@media(max-width:576px) { #logo {padding-bottom:54.13%} #logo div {background-image:url(header580.png);}}