#canvas{
    background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

h1{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 3em;
}

h1>small{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 0.75em;
}
#contact {
    padding-top: 32px;
}

span.customicon {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  background: #AAA;
  font-size: 1.5em;
}
.icon {
     color: #FFF;     
}

address{
   font-family: 'Lato', sans-serif;
   font-weight: 300;
   font-size: 1.5em;
    
}

@media (max-width: 48em) {
    #canvas {height: 300px;}
}

@media (min-width:48em) and (max-width: 62em) {
    #canvas {height: 500px;}
}

@media (min-width:62em) and (max-width: 75em) {
    #canvas {height: 600px;}
}

@media (min-width: 75em) {
    #canvas {height: 650px;}  
}