@font-face {
	font-family: Antonio-Bold;
	src: url(Antonio-Bold.ttf);
}

@font-face {
	font-family: Antonio-Regular;
	src: url(Antonio-Regular.ttf);
}

@font-face {
	font-family: Antonio-Light;
	src: url(Antonio-Light.ttf);
}

body {
	background-color: #f5f5f5;
	color: #111;
	font-family: Antonio-Light, Helvetica, Arial, sans-serif;
}

.center-content img {
	margin: auto auto;
}



/* RESPONSIVE LAYOUT CHANGES */

@media(max-width:767px){

  h1 {
    font-family: Antonio-Regular, Helvetica, Arial, sans-serif;
    font-size: 3em;
  }

  h2 {
    font-size: 2em;
  }
  
  h3 {
    font-size: 1.8em;
  }
  
  .dim {
	width: 360px;
	margin: auto auto;
	padding: 20px 0px 20px 0px;
  }
  
  #mapid { 
    height: 200px; 
    width: 360px;
  }
}

@media(min-width:768px){
  h1 {
    font-family: Antonio-Regular, Helvetica, Arial, sans-serif;
    font-size: 5.6em;
  }

  h2 {
    font-size: 3.8em;
  }
  
  h3 {
    font-size: 2.6em;
  }
  
  p {
	padding-top: 20px;
	font-size: 1.9em;  
  }
  
  .dim {
	width: 560px;
	margin: auto auto;
	padding: 20px 0px 20px 0px;
  }
  
  #mapid { 
    height: 560px; 
    width: 560px;
  }
}