body{background-color: #ffffff}
body,h1,h2,h3,p,ul,li,a{font-family:'Open Sans',sans-serif;font-weight:normal;font-size:1.0rem;}
/*.row, p {background-clip: #fff}*/
h1,h2,h3{font-size:1.5rem;font-weight:bold;color:#0b4361;}
footer p, footer a{color:#fff}
footer a:hover, a:hover, footer a:focus, a:focus{color:#cccccc;text-decoration: underline}
figure{margin-top:5rem;margin-bottom:5rem}
.content {min-height: 70vh;background: #fff url(../img/compass.png) no-repeat center 70%;background-size: contain;padding-top:5vh;}
.mt-5{margin-top:40%;}
footer {padding:3rem;background:#0b4361;}
footer p, footer a{font-size:.75rem;}
.gray{color:#0f6999;}
@media only screen and (min-width: 37.500em) { /*600*/
footer p, footer a{font-size:.625rem;}
  body,h1,h2,h3,p,ul,li{font-size:1.25rem;}
  a{font-size:2rem;}
  figure{margin-top:9rem;margin-bottom:5rem}
}
@media only screen and (min-width: 768px) { /*768*/
    h1,h2,h3{font-size:2.5rem;font-weight:bold;}
    .content {min-height: 90vh;background: #fff url(../img/compass.png) no-repeat center 70%;background-size: 90%;padding-top:5vh;}
    .mt-5{margin-top:40%;}
}
@media only screen and (min-width: 1024px) { /*1024*/
    footer p, footer a{font-size:.75rem;}
    h1,h2,h3{font-size:2.5rem;font-weight:bold;}
    .content {min-height: 80vh;background: #fff url(../img/compass.png) no-repeat center 70%;background-size: 50%;padding-top:5vh;}
    .mt-5{margin-top:15%;}
}
@media only screen and (min-width: 1280px) { /*1280*/
    footer {padding:4rem;}
    h1,h2,h3{font-size:2.5rem;font-weight:bold;}
    .content {min-height: 80vh;background: #fff url(../img/compass.png) no-repeat center 70%;background-size: 60%;padding-top:5vh;}
    .mt-5{margin-top:25%;}
}
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #0b4361;
}
::selection {
  color: white;
  background: #0b4361;
}