@media (min-width:0px) {
  body {
    font-size:0.9rem;
  }
  .ac-paragraph {
    width:90%;
    margin-left:5%;
    margin-right:5%;
  }  
} 
@media (min-width:640px) {
  body {
    font-size:1.0rem;
  }
  .ac-paragraph {
    width:80%;
    margin-left:10%;
    margin-right:10%;
  }  
} 
@media (min-width:960px) {
  body {
    font-size:1.0rem;
  }
} 
@media (min-width:1100px) {
  body {
    font-size:1.0rem;
  }
  .ac-paragraph {
    width:70%;
    margin-left:15%;
    margin-right:15%;
  }
}
@media (min-width:1800px) {
  body {
    font-size:1.0rem;
  }
  .ac-paragraph {
    width:70%;
    margin-left:15%;
    margin-right:15%;
  }
}
p {
  margin-top:10px;
  margin-bottom:10px;
}
.uk-overlay {
  padding: 20px 20px;
}
.ac-thin {
  margin-top: 0px;
  margin-bottom: 0px;
}
.ac-larger {
  font-size:1.2rem;
}
.ac-navbar {
  background-color:white;
}
.ac-image {
  width:100%;
  margin-top: 80px; // this is the height of the navigation bar
}
.ac-lefticon {
  margin-right:20px;
  margin-left:40px;
  margin-top:20px;
  margin-bottom:10px;
}
.ac-righticon {
  margin-right:20px;
  margin-left:20px;
  margin-top:20px;
  margin-bottom:10px;
}
.uk-offcanvas-bar {
  font-size:1.2rem;
}
.map-canvas {
  position: relative;
  overflow: hidden;
  padding-bottom: 10%;
}
@media (min-height:0px) {
  .map-canvas {
    min-height: 240px;
  }
} 
@media (min-height:400px) {
  .map-canvas {
    min-height: 360px;
  }
} 
@media (min-height:600px) {
  .map-canvas {
    min-height: 480px;
  }
} 
@media (min-height:800px) {
  .map-canvas {
    min-height: 640px;
  }
} 
.map-canvas iframe {
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width:100%;
}