img.nav-logo {
  height: auto; 
  width: 90%; 
  max-width: 240px; 
  max-height: auto;
  display: block;
  margin-left: 25px;
  margin-right: auto;
  margin-top: auto;
}
.section-title-color {
  color:white;
}
.iw-blue-background {
  font-family: 'Roboto', 'Montserrat', sans-serif;
  padding-bottom: 55px;
  padding-top: 55px;
  background-color: #0076a3;
  color: white;
}
.iw-teal-background {
  font-family: 'Roboto', 'Montserrat', sans-serif;
  padding-bottom: 55px;
  padding-top: 55px;
  background-color: #3D828C;
  color: white;
}
.iw-white-background {
  font-family: 'Roboto', 'Montserrat', sans-serif;
  padding-bottom: 75px;
  padding-top: 75px;
  background-color: white;
  color: black;
}
.iw-color {
	color:#0076a3;
}
#container{
    position: relative;
    width: 100%;
}
.box_container {
  position:absolute;
  top: 125px;
  left: 85px;
  width: 33vw;
  height: 25vw;
  margin: 0 auto;
}
.box_text {
  color: white;
  font-size: 4.5vw;
  font-family: 'Montserrat', sans-serif;
  padding: 5px 5px 5px 15px;
}
.version {
  font-family: 'Montserrat', sans-serif;
  padding-left: 10px;
  background-color: #0076a3;
  color: #0076a3;
}
.homepage {
  padding-left: 10px;
  font-size: 8px;
  font-family: 'Montserrat', sans-serif;
}
#main_image{
    width: 100%;
}
#overlay_image{
    position: absolute;
    bottom: 100px;
    left: 55px;
}
@media only screen and (max-width: 750px) {
.box_container {
    display: none;
}
}
@media only screen and (max-width: 800px) {
#overlay_image{
      position: absolute;
      bottom: 70px;
      left: 55px;
}
}
.iw-cursor-pointer {
  cursor: pointer;
}
.iw-background-color {
  background-color:white;
}
a:link {
  text-decoration: none;
}
html {
  box-sizing: border-box;
}
*,*::before,*::after {
  box-sizing: inherit;
}


.content {
  margin-right: 45px;
  margin-left: 45px;
}
ul.lwc {
  list-style-type: lower-alpha;
}
.b {
  font-weight: 800;
}


.content {
  margin-right: 45px;
  margin-left: 45px;
}
ul.lwc {
  list-style-type: lower-alpha;
}


.content {
  margin-right: 45px;
  margin-left: 45px;
}


.content {
  margin-right: 45px;
  margin-left: 45px;
}
.section {margin-bottom:25px;}
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}


.signin {
  list-style-type: square;
  color:black;
}
.list {
  color:black;
}
.starter {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  font-size: 2.5vw;
}
.monthfee {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  font-size: 3vw;
  color: black;
}
.annual-cost {
  font-family: 'Domine', serif;
  font-size: 2.5rem;
  color: black;
}


.signin {
  list-style-type: none;
  color:black;
}
.signup-card-background {
  background-color: #dee6f4;
}
.annual-cost {
  font-family: 'Domine', serif;
  font-size: 2.5rem;
  color: black;
}


.iw-color {
	color:#0076a3;
}


.bg {
  background-color: white;
}