@charset "utf-8";
/* CSS Document */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {
 box-sizing: border-box;
}

body {
 font-family: 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
 padding: 0;
 margin: 0 auto;
}

#headerWrapper {
 background-color: #93d3ff;
}

#header {
 max-width: 960px;
 width: 90%;
 margin: 0 auto;
 padding: 1px;
 text-align: center;
}

.t {
 font-size: 2em;
 text-transform: uppercase;
 color: #00509b;
}

.q {
 font-size: 1.3em;
 font-style: italic;
 font-family: serif;
 color: #555555;
}

.q::before {
 content: "\"";
}

.q::after {
 content: "\"";
}

#pageWrapper {
 max-width: 960px;
 width: 90%;
 margin: 0 auto;
}

img {
 max-width: 100%;	
}

#map-canvas {
 width: 100%;
 height: 100%;
 min-height: 250px
}

p {
 color: #555555;
}

h3 {
 border-bottom: 7px solid #f2f2f2;
 color: #555555;
 text-transform: uppercase;
}

.box {
 /*background-color: #f2f2f2;*/
 /*border: 1px solid #333;*/
 /*border-radius: 7px;*/
 padding-bottom: 3%;
 /*margin-bottom: 20px;	*/
}

.op {
 cursor: pointer;
 font-size:12px;
 background-color: #f2f2f2;
 padding: 5px;
 border-radius: 3px;
}

.ophref {
 text-decoration: none;
 font-size:12px;
 background-color: #f2f2f2;
 padding: 5px;
 border-radius: 3px;
}

.ophref:link,.ophref:visited{
 color: #555555;
}

.ophref:hover {
 color: #555555;
}

footer {
 clear:both;
 color: #555555;
 margin: 0 auto;
 text-align: center;
 padding-bottom: 3%;
}

@media screen and (min-width: 600px) {

 .t {
  font-size: 4em;
 }

 .q {
  font-size: 2em;
 }

 .box {
  width: 49%;
  float: left;
 }

 .box:nth-child(even) {
  clear:both;
 }

 .box:nth-child(odd) {
  margin-left: 2%;
 }

}

@media screen and (min-width: 768px) {
 .box:nth-child(odd) {
  margin-left: 2%;
 }
}