html { 
  position: relative;
  min-height: 100%;
  background-image: url(grid-small.png), url(bg.jpg);
  background-repeat: repeat, no-repeat;
  background-position: 0, center center;
  background-attachment: scroll, fixed;
  background-size: 6px 6px, cover;
}

body { 
  margin-bottom: 40px;
  background: none;
  font-family: 'Lato', sans-serif;
  -webkit-font-smoothing: antialiased !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

img { max-width: 100% }
   
h1 { text-transform: uppercase; margin-top: 0; font-size: 26px; font-weight: 900; color: #000; }  
h2 { text-transform: uppercase; margin-top: 0; font-size: 20px; font-weight: 700; color: #000; }  
   
.head {  background: #1a171b }
   
.box { padding: 20px; background: rgba(253,79,0,0.95); color: #000; margin-bottom: 20px; font-size: 16px }
.box-bottom { padding: 10px; background: rgba(253,79,0,0.95); color: #000; font-size: 16px }
.box a { font-size: 14px }

a { color: #fff;  }
a:hover { color: #fff }


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  padding-top: 10px;
  background-color: #1a171b;
}
.footer a { color: #777 }

input.error { background: #F6FDB2 }

.navbar { border-radius: 0 }
      
.contact {color: #fff; background: #1a171b; padding: 20px }
.contact-img { background: none }
.contact img { min-width: 100% }
.contact a { color: #fd4f00 }
.glyphicon { color: #fff; margin-right: 5px }

.top-buffer { margin-top:20px; }

.errormsg { color: white; padding: 3px; margin-top: 3px; font-weight: bold; display: none}

#map-canvas { height: 350px }



@media (max-width: 480px) { 
    
   #map-canvas { height: 200px }
  .head { text-align: center; }
}


@media (max-width: 996px) { 
   
   
   .margin-fix { margin-bottom: 20px }
}