/* Change only these style */

.main__menu a, .hs-menu-item a {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #197789;
  text-decoration: none;
}
.main__menu a:hover, .hs-menu-item a:hover {
  color: #166474;
}

.subhead {
  font-weight: 300;
  font-family: 'Hepta Slab', sans-serif;
  font-style: normal;
  color: #1d1d21;
  line-height: 1.2;
  letter-spacing: 0px;
  text-transform: uppercase;
}

/* End change */

body {
  max-width: 1200px;
  margin: 0 auto;
}
.body-wrapper {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #c9c9c9;
}

/*
 * Header
 */

.header {
  margin: 0 auto;
  padding: 50px 30px;
  position: relative;
}
.header .row-fluid {
  border-bottom: 1px solid #929497;
  padding-bottom: 30px;
}
.header__logo {
}
.header__logo img {
  max-width: 300px;
}
.main__menu, .hs-menu-wrapper {
  position: absolute;
  right: 30px;
  bottom: 20px;
}
.main__menu ul,
.hs-menu-wrapper ul{
  list-style: none;
}

@media screen and (max-width: 767px) {
  .header {
    padding: 20px;
  }
  .header__logo img {
    max-width: 100%;
  }
  .main__menu, .hs-menu-wrapper {
    position: relative;
    right: unset;
    bottom: unset;
  }
}

/*
 * Body
 */

.content-wrapper--blog-index, .content-wrapper--blog-post {
  padding: 100px 60px 70px;
}
.dnd-module p:last-child {
  margin-bottom: 0;
}

.icn {
  width: 96px;
  height: 96px;
  margin-bottom: 30px;
}
.icn img {
  max-width: 100%;
}

iframe {
  width: 100%;
}


/*
 * Footer
 */

.footer {
  margin: 0 auto;
  padding: 50px 30px;
}
.footer .row-fluid {
  border-top: 1px solid #929497;
  padding-top: 50px;
}
.footer .footer-left {
  color: #3d3d3d;
  font-size: 16px;
}
.footer .footer-right {
  font-size: 14px;
  display: block;
}

/*
 * Media Queries
 */


@media (max-width: 767px){
  .content-wrapper--blog-index, .content-wrapper--blog-post {
    padding: 50px 30px 35px;
  }
  .icn {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
  }