html, body {
  height: 100%;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
}

.w-33{
 width:33%;
}

.main-content p, .main-content li {
 font-size: 1em;
 line-height: 1.3em;
}

.main-content ul, .main-content p{
 color:#591500;
}

.geo-page .main-content ul,.geo-page .main-content p{
 color:#000033;
}

.side-content a:link, .side-content a:visited, .side-content a:hover, .side-content a:active {
 color:#3f99c6;
 text-decoration:underline;
}

.side-content p, .side-content li {
 font-size: 1em;
 line-height: 1.3em;
}

.side-content ul, .side-content p{
 color:#3f99c6;
}

.box-content p, .box-content li {
 font-size: 1em;
 line-height: 1.3em;
 color:#591500;
}


.main-content p {
 margin-bottom:1.3em;
}

.main-content p.orange, .main-content ul.orange{
 color: #ed6f34;
}

.geo-page .main-content h1, .geo-page .main-content h2, .geo-page .main-content h3, .geo-page .main-content h4, .geo-page .box-content h3{
 color: #000033;
}

.geo-page a{
 text-decoration:underline;
}

.main-content h1, .side-content h1{
 font-family: Open Sans, Arial, Helvetica, sans-serif;
 color: #591500;
 font-size: 2.0em;
 font-weight:700;
 line-height:1.2em;
 margin-bottom:0.7em;
}

.main-content h3, .box-content h3{
 color: #591500;
}

.side-content h3{
 color: #884b6f;
}

.main-content h3, .box-content h3, .side-content h3{
 font-family: Open Sans, Arial, Helvetica, sans-serif;
 font-weight:700;
 font-size: 1.2em;
 line-height:1.2em;
 margin-bottom:0.8em;
 margin-top:0;
}

.main-content h4, .box-content h4{
 color: #ed6f34;
}

.side-content h4{
 color: #884b6f;
}

.main-content h4, .box-content h4, .side-content h4{
 font-family: Open Sans, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight:700;
 line-height:1.2em;
 margin-bottom:0.7em;
 margin-top:0;
}

.main-content h5, .box-content h5{
 color: #ed6f34;
}

.side-content h5{
 color: #3f99c6;
}

.main-content h5, .box-content h5, .side-content h5{
 font-family: Open Sans, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight:700;
 line-height:1.2em;
 margin-bottom:0.7em;
 margin-top:0;
}





.title-box{
 padding:1.5rem 1.5rem 0 1.5rem;
}


.box{
 padding:1.5rem 1.5rem 1.5rem 1.5rem;
}

.side-box{
 border-left:2px solid #E2E2E2;
 margin-top:1.5rem;
 padding:0 1.5rem 1.5rem 1.5rem;
}

.float-box-r{
 border-left:2px solid #E2E2E2;
 margin-top:1.5rem;
 padding:0 1.5rem 1.5rem 1.5rem;
 border:0px solid green;
 float:right;
}

@media screen and (min-width: 622px) {
 .box{
  padding:2rem 2rem 2rem 2rem;
 }
 .title-box{
  padding:1.5rem 1.5rem 0 2rem;
 }
}
@media screen and (min-width: 47em) {
 .main-content p, .main-content li{
  font-size: 1em;
  line-height: 1.3em;
 }
 .main-content h1, .side-content h1{
  font-size: 2.0em;
 }
 .main-content h3, .box-content h3, .side-content h3{
  font-size: 1.2em;
 }
 .main-content h4, .box-content h4, .side-content h4{
  font-size: 1.0em;
 }
 .main-content h5, .box-content h5, .side-content h5{
  font-size: 0.9em;
 }
 .box{
  padding:2rem 2rem 2rem 2rem;
 }
 .title-box{
  padding:1.5rem 1.5rem 0 2rem;
 }
}
@media screen and (min-width: 64em) {
 .main-content p, .main-content li{
  font-size: 1.2em;
  line-height: 1.3em;
 }
 .main-content h1, .side-content h1{
  font-size: 2.5em;
 }
 .main-content h3, .box-content h3, .side-content h3{
  font-size: 1.9em;
 }
 .main-content h4, .box-content h4, .side-content h4{
  font-size: 1.2em;
 }
 .main-content h5, .box-content h5, .side-content h5{
  font-size: 1.1em;
 }
 .box{
  padding:2rem 2rem 2rem 2rem;
 }
 .title-box{
  padding:1.5rem 1.5rem 0 2rem;
 }
}
@media screen and (min-width: 85.375em) {
 .main-content p, .main-content li{
  font-size: 1.3em;
  line-height: 1.3em;
 }
 .box-content p, .box-content li{
  font-size: 1.4em;
  line-height: 1.3em;
 }
 .box-content p{
  margin-bottom:1.2em;
 }
 .main-content h1, .side-content h1{
  font-size: 2.8em;
 }
 .main-content h3, .box-content h3, .side-content h3{
  font-size: 2.2em;
 }
 .main-content h4, .box-content h4, .side-content h4{
  font-size: 1.3em;
 }
 .main-content h5, .box-content h5, .side-content h5{
  font-size: 1.2em;
 }
 .box{
  padding:3rem 2rem 2rem 3rem;
 }
 .title-box{
  padding:1.5rem 1.5rem 0 3rem;
 }
}
@media screen and (min-width: 120em) {
 .main-content p, .main-content li{
  font-size: 1.4em;
  line-height: 1.3em;
 }
 .box-content p, .box-content li{
  font-size: 1.6em;
  line-height: 1.3em;
 }
 .box-content p{
  margin-bottom:1.5em;
 }
 .main-content h1, .side-content h1{
  font-size: 3.1em;
 }
 .main-content h3, .box-content h3, .side-content h3{
  font-size: 2.5em;
 }
 .main-content h4, .box-content h4, .side-content h4{
  font-size: 1.8em;
 }
 .main-content h5, .box-content h5, .side-content h5{
  font-size: 1.6em;
 }
 .box{
  padding:3rem 2rem 2rem 3rem;
 }
}
@media screen and (min-width: 160em) {
 .main-content p, .main-content li{
  font-size: 2.0em;
  line-height: 1.3em;
 }
 .box-content p, .box-content li{
  font-size: 1.8em;
  line-height: 1.3em;
 }
 .box-content p{
  margin-bottom:2em;
 }
 .main-content h1, .side-content h1{
  font-size: 3.3em;
 }
 .main-content h3, .box-content h3, .side-content h3{
  font-size: 2.7em;
 }
 .main-content h4, .box-content h4, .side-content h4{
  font-size: 2.2em;
 }
 .main-content h5, .box-content h5, .side-content h5{
  font-size: 1.8em;
 }
}

/* MULTI LEVEL DROPDOWN MENU STYLES */

.navbar {
  background-color:#006699;
}
.navbar a{
 color:#000000;
 margin-right:0.63em;
 padding-top:2px;
 padding-bottom:0;
}

@media screen and (min-width: 768px) {
 .navbar {
  background-color: white;
 }
 .navbar a{
  color:black !important;
 }
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/* BACK TO TOP STYLING */

@media screen and (min-width: 768px) {
 .back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display:block;
 }
}

/* text frames styling */
div.text-frame{
 border: 1px solid #0033CC;
 padding: 1rem 1rem 0rem; 1rem;
 margin-bottom: 1rem;
}