@charset "UTF-8";
/* CSS Document */
html, body {
 margin: 0;
 padding: 0;
}
body, h1, a {
 font-family: 'Lato', sans-serif;
 font-weight: 300;
 font-size: 100%;
 line-height: 140%;
}
div {
 display: block;
}
.section1 {
 width: 90vw;
 height: 90vh;
 margin: 0 auto;
 padding: 5%;
 background: #85c2ff url(../img/logo-wht-1.png) top left no-repeat;
}
div.section1 div.inner {
 background: rgba(51, 153, 255, 0.5);
 height: 90vh;
}
.section2 {
 width: 100vw;
 margin: 0;
 background-color: #284f75;
}
div.section2 div.inner {
 padding: 0;
}
.group:after {
 content: "";
 display: table;
 clear: both;
}
div, p, section, article, ul, li {
 margin: 0;
 padding: 0;
}
div.logo {
 margin: 0;
 padding: 20px;
}
div.colsworth1 {
 margin: 20px 0 0 0;
 padding: 20px;
 text-align: center;
}
.blu {
 background-color: #3c9ee9;
}
div.section1 div div.email {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 100px;
 height: 60px;
}
div.email a {
 display: block;
 line-height: 60px;
 margin: 0;
 padding: 0;
}
div.section1 div div.next {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 90px;
 height: 90px;
 margin: 20px;
}
div.section1 div div.prev {
 width: 90px;
 height: 90px;
 margin: 20px;
}
div.next a, div.prev a {
 display: block;
 line-height: 90px;
 margin: 0;
 padding: 0;
}
.section2 div.start h2 {
 position: absolute;
 top: 0;
 left: 70px;
 height: 2em;
 width: 200px;
 margin: 0;
 color: white;
 background-color: black;
 font-size: 1.5em;
 font-weight: 300;
 line-height: 2em;
 text-indent: 10px;
}
h2 {
 margin: 20px;
 color: white;
 font-size: 1.5em;
 font-weight: 300;
 line-height: 120%;
}
h1 {
 display: block;
 margin: 0 5%;
}
h1 a {
 display: block;
 width: 50%;
 text-decoration: none;
 color: white;
}
h1 a:hover {
 color: black;
}
.clr {
 clear: both;
 height: 1px;
 margin: 0;
 padding: 0;
}
img.colsworth2, img.back {
 height: 55px;
 width: auto;
 margin: 20px;
}
div.back a {
 float: left;
 margin: 0 10px 0 0;
 display: block;
 width: 50px;
 height: 50px;
}
@media (max-width: 599px) {
 div.logo img, div.logo svg {
  max-width: 40%;
 }
 div.head {
  padding: 0;
 }
 div.start {
  position: relative;
  margin: 0;
  padding: 10px 0 0 20px;
  clear: both;
 }
 a.back2 {
  float: left;
  margin: 10px 10px 10px 20px;
  display: block;
  width: 40px;
  height: 40px;
 }
 a.back2 img {
  width: 40px;
  height: 40px;
 }
 div.colsworth1 img {
  width: 80%;
  margin: 0 auto;
 }
 img.colsworth3 {
  height: auto;
  width: 80%;
  margin: 20px 10%;
 }
 div.rc_gallery {
  width: 90% !important;
  padding: 20px 5%;
 }
}
@media (min-width: 600px) {
 div.logo img, div.logo svg {
  max-width: 25%;
 }
 div.head {
  padding: 0 0 0 50px;
 }
 div.start {
  position: relative;
  margin: 0;
  padding: 10px 0 0 70px;
  clear: both;
 }
 a.back2 {
  float: left;
  margin: 18px;
  display: block;
  width: 40px;
  height: 40px;
 }
 a.back2 img {
  width: 40px;
  height: 40px;
 }
 div.colsworth1 img {
  width: 50%;
  margin: 0 auto;
 }
 img.colsworth3 {
  height: 55px;
  width: auto;
  margin: 20px;
 }
 .section2 h2 {
  font-size: 1.85em;
 }
 div.rc_gallery {
  width: 90% !important;
  padding: 30px 5%;
 }
}
@media (min-width: 768px) {
 .start img {
  float: left;
 }
}