body {
  background-color: #e1e7eaff;
  min-height: 100%;
  margin: 2vw;
  font-family: "OpenSans"
}

.seperator {
  clear:both;
  width:100%;
  height: 0.5vh;
  background-color: #566c78ff;
  margin: 2vh 0;
}
.text {
  margin: 0 2vw;
  font-size: 2vw;
  color: #566c78ff;
  padding: 30px 0;
  width:60vw;
}
.image_container {
  position: relative;
  width: 96vw;
}
.image_container img {
  padding: 2vh 2vw;
  max-height:70vh;
  max-width: 30vw;
  height:auto;
}
.vertical_center {
  margin: 0;
  position: absolute;
  text-align: center
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width:auto;
}
.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page_container {
  position: relative;
  min-height:100vh;
}
.small {
	font-size: 0.7em;
}

#banner {
  height:5vh;
  font-size: 0;
}
.color_block {
  width:33.33%;
  height:100%;
  display: inline-block;
  padding: 0;
  border: 0;
}
.mobile {
  display: none;
}
#c1 {
  background-color: #566c78ff;
}
#c2 {
  background-color: #80a864ff;
}
#c3 {
  background-color: #4188b4ff;
}

#menu {
  width:100%;
  background-color: #e1e7eaff;
}
#menu_sticky {
  width:100%;
  background-color: #e1e7eaff;
  top: 0;
  position:fixed;
  z-index: 999;
}

#menu ul, #menu_sticky ul {
  list-style-type: none;
  margin: 0;
  padding: 1vh 0;
}

#menu ul li, #menu_sticky ul li {
  display: inline;
  font-size: 2vw;
  padding: 0 1vw;
  border-left-style: solid;
  border-left-color: #c4d0d6;
}
#menu ul li a img, #menu_sticky ul li a img {
  height: 3vw;
}

#menu ul li a:hover, #menu_sticky ul li a:hover, #menu_sticky ul li a.active, #menu ul li a.active {
  color: #4188b4ff;
}

#menu ul li a, #menu_sticky ul li a {
  color: #80a864ff;
  text-decoration: none;
  background-color: transparent;
  font-weight: bold;
}
#menu ul li.noborders, #menu_sticky ul li.noborders {
  border: none;
}
.header_logo {
  margin: 0 auto;
  font-size: 3em;
  width: max-content;
}
.header_logo img {
  margin-top:3vh;
  margin-bottom: 2vh;
  width: 40vw;
  max-height:40vh;
}
.header_logo .big {
  font-size: 2em;
  color: #80a864ff;
  font-family: SulphurPoint;
}

#services .text {
  display: inline-block;
  margin-left: 34vw;
}
#services div.image_container {
  float:left;
}


#qualifications .text {
  float:left;
}
#qualifications div img {
  float:right;
}
#qualifications ul {
  max-width: 50vw;
}
#qualifications li {
  margin-bottom: 2vh;
}


img.customer_logo {
  padding:3vh;
}
div.customer_logo {
  display: inline-block;
}
#customer_logo_container img {
  width:25vw
}


#aboutus div img {
  float:left;
}
#aboutus .text {
  margin-left: 34vw;
}


#contact .text {
  float:left;
}
#contact div img {
  float:right;
}