#capability1 {
  background: #fff url(../images/capabilities-bg.png) left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  border-bottom: 1px solid #777;
}

#capability1 .flex-container {
  position: relative;
}

#capability1 .flex-content.contact {
  padding: 2vw 2vw 6vw 5vw;
}

#capability1 .flex-content.contact {
  width: 68vw;
}

#capability1 .flex-content.contact h1 {
  color: #000;
  font-size: 9vw;
}

.flex-content.contact p {
  font-size: 1.7em;
}


h2 {
  color: #C1AAE2;
  text-align: left;
  font-family: 'MrEavesModOT';
  font-size: 1.7vw;
  padding-top: 2vw;
}

#capability1 .flex-content.contact p {
  max-width: 900px;
}

#capability2 {
  width: 100%;
}

#capability2 .container {
  width: 100%;
  display: flex;
  background-color: #FFF;
  font-family: 'MrEavesModOT Book', sans-serif;
}

#capability2 .container .content {
  width: 50%;
  float: left;
  font-family: 'MrEavesModOT Book', sans-serif;
}

#capability2 .container .content.sidebar {
  background: #fff url(../images/capabilities2-bg.png) left no-repeat;
  background-size: cover;
}

#capability2 .container .content img {
  height: 100%;
  width: 100%;
  display: none;
}

#capability2 .container .content.about-us {
  padding: 5vw;
  text-align: left;
}

#capability2 .container .content h1 {
  color: #C1AAE2;
  text-align: left;
  font-size: 8vw;
}