html {
	font-family: Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    font-size:17px;
}
body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("../images2/lighthouse-1200.jpg");

  /* Full height */
  height: 75%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
 h1 {font-size:20px;line-height:30px;color:black;font-family: "Arial Black", Arial;
    font-weight: 800;}
a {color:#0355a9;text-decoration:none;}
.initial-list {font-size:18px;font-family: "Arial Black", Arial;font-weight: 800;color:#c76d02;}
.bg-compass {
  /* The image used */
  background-image: url("../images2/compass-back.jpg");

  /* Full height */
  height: 75%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.floatLeft {
    float: left;width: 30%;margin-bottom:20px;
}
.floatRight {
    float: right;
}
@media screen and (max-width: 800px){
    .floatLeft {
    float: none;width: 100%;
}
.floatRight {
    float: none;
}
}