body {
  margin: auto 0;
  background: #f1f1f1;
}

/*Fonts for app...*/
@font-face {
  font-family: 'PFDinTextW07-Regular';
  src: url('fonts/PFDinTextW07-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'PFDinTextW07-Bold';
  src: url('fonts/PFDinTextW07-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'PFDinTextW07-Medium';
  src: url('fonts/PFDinTextW07-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'SailecW00-Bold';
  src: url('fonts/SailecW00-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'SailecW00-Medium';
  src: url('fonts/SailecW00-Medium.ttf') format('truetype');
}

h2 {
  font-family: SailecW00-Medium;
  color: #333e4a;
}

body {
  font-family: 'PFDinTextW07-Regular';
}

h1 {
  font-family: 'SailecW00-Bold';
  color: #333e4a;
  font-size: 40px !important;
  line-height: 1.2;
  margin: 0;
}

p {
  font-size: 17px;
}

.themed-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.themed-arrow__left {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  background-color: #6f58a2;
  height: 1rem;
  position: relative;
}

.themed-arrow__left::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #6f58a2;
  position: absolute;
  left: 100%;
  top: 0;
}

.themed-arrow__right {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  background-color: #00b1ff;
  height: 1rem;
}

.o-container {
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.navbar {
  background: #f1f1f1;
  border-bottom: 1px solid #d8d9d8;
  /* position: fixed; */
  width: 100%;
  z-index: 99;
}

.navbar-nav {
  height: 120px;
  position: relative;
}

.logo {
  max-width: 200px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.hero-wrap {
  background: url(img/who-we-are2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 45px;
  padding-bottom: 20px;
}

.hero-wrap-content {
  /* position: relative; */
  bottom: 15px;
  max-width: 65%;
  /* height: 100vh; */
}

.hero-title {
  /* position: absolute; */
  bottom: -15px;
  left: 0;
  background: #f1f1f1;
  padding: 15px;
  padding-bottom: 10px;
}

footer {
  height: 75px;
  background: #364049;
  padding-top: 1rem;
}

.footer-link {
  color: #fff;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .hero-wrap-content {
    position: relative;
    bottom: 15px;
    max-width: 100%;
    /* height: 100vh; */
  }
}