body {

  font-family: Roboto, sans-serif;

  color: #333;

  font-size: 16px;

  line-height: 22px;

}



h1 {

  margin-top: 0;

  margin-bottom: 19px;

  font-size: 38px;

  line-height: 44px;

  font-weight: 500;

}



h2 {

  margin-top: 0;

  margin-bottom: 0px;

  border-bottom: 2px none #77c7fc;

  border-radius: 0px;

  font-family: Montserrat, sans-serif;

  font-size: 20px;

  line-height: 40px;

  font-weight: 400;

  text-align: center;

}



h3 {

  margin-top: 0;

  margin-bottom: 15px;

  font-family: Montserrat, sans-serif;

  font-size: 17px;

  line-height: 30px;

  font-weight: 500;

}



h4 {

  margin-top: 10px;

  margin-bottom: 10px;

  font-size: 18px;

  line-height: 24px;

  font-weight: 700;

}



h5 {

  margin-top: 10px;

  margin-bottom: 10px;

  font-size: 14px;

  line-height: 20px;

  font-weight: 700;

}



h6 {

  margin-top: 10px;

  margin-bottom: 10px;

  font-size: 12px;

  line-height: 18px;

  font-weight: 700;

}



p {

  margin-top: 0px;

  margin-bottom: 5px;

  padding-top: 0px;

  padding-bottom: 10px;

  color: #77c7fc;

  font-size: 14px;

  font-weight: 300;

  text-align: center;

}



.button {

  display: inline-block;

  margin-right: 14px;

  padding: 13px 23px;

  border-radius: 3px;

  background-color: #489fd9;

  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .12);

  -webkit-transition: background-color 300ms ease, box-shadow 300ms ease, color 300ms ease;

  transition: background-color 300ms ease, box-shadow 300ms ease, color 300ms ease;

  font-family: Montserrat, sans-serif;

  color: #fff;

  text-align: center;

  text-decoration: none;

}



.button:hover {

  background-color: #77c7fc;

  font-family: Montserrat, sans-serif;

}



.button.hollow {

  background-color: transparent;

  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .12), inset 0 0 0 2px #000;

  color: #000;

  text-shadow: none;

}



.button.hollow:hover {

  background-color: #489fd9;

  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .12), inset 0 0 0 2px #489fd9;

  color: #fff;

  text-shadow: none;

}



.button.in-pricing {

  display: block;

  margin-top: 19px;

  margin-right: 0px;

  padding-top: 10px;

  padding-bottom: 10px;

}



.button.button-alignment {

  display: block;

  margin-right: auto;

  margin-left: auto;

}



.logo-text {

  margin-top: 24px;

  font-family: 'Roboto Slab', sans-serif;

  color: #1c1c1c;

  font-size: 27px;

  font-weight: 500;

}



.logo-text.footer {

  margin-top: 0px;

  margin-bottom: 19px;

  font-family: Montserrat, sans-serif;

  color: #e6eaed;

  font-size: 21px;

}



.navigation {

  position: fixed;

  left: 0px;

  top: 0px;

  right: 0px;

  height: 150px;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  background-color: #fff;

  box-shadow: none;

}



.nav-link {

  display: inline-block;

  max-width: 940px;

  padding: 65px 17px 26px;

  box-shadow: inset 0 3px 0 0 transparent;

  -webkit-transition: box-shadow 500ms ease, color 300ms ease;

  transition: box-shadow 500ms ease, color 300ms ease;

  font-family: Montserrat, sans-serif;

  color: #000;

  font-size: 13px;

  font-style: normal;

  font-weight: 400;

  text-decoration: none;

}



.nav-link:hover {

  box-shadow: inset 0 3px 0 0 hsla(0, 0%, 71%, .5);

}



.nav-link.w--current {

  box-shadow: inset 0 3px 0 0 #489fd9;

  font-family: Montserrat, sans-serif;

  color: #489fd9;

  font-size: 13px;

  font-weight: 400;

}



.section {

  margin-bottom: 0px;

  padding-top: 67px;

  padding-bottom: 15px;

}



.section.blue {

  background-color: #e3f3fc;

}



.section.main {

  height: auto;

  margin-top: 0px;

  margin-bottom: 50px;

  padding-top: 70px;

  padding-bottom: 0px;

  background-color: #fff;

  color: #fff;

  text-shadow: 0 1px 0 rgba(0, 0, 0, .23);

}



.section.grey {

  background-color: #f0f0f0;

}



.section.image {

  background-image: url('../images/town.jpg');

  background-position: 50% 50%;

  background-size: cover;

  color: #fff;

}



.section.footer {

  padding-top: 42px;

  padding-bottom: 42px;

  background-color: #2b2c2e;

  color: #e4e8eb;

}



.section.footer.copyright {

  padding-top: 19px;

  padding-bottom: 19px;

  border-style: none;

  border-width: 1px;

  border-color: #969595 #000 #000;

  background-color: #fff;

  color: #939596;

  font-size: 14px;

}



.section.purple {

  margin-top: 0px;

  padding-top: 50px;

  background-color: #f7f7f7;

}



.section.clients {

  margin-top: 1px;

  padding: 30px;

  background-color: #489fd9;

  box-shadow: inset 0 0 8px 0 #7d7d7d;

  text-align: center;

}



.section.press {

  padding-top: 29px;

  padding-bottom: 38px;

  background-color: #3e5c50;

}



.new-slider {

  position: static;

  display: block;

  height: 50vh;

  margin-top: 0px;

  padding-top: 0px;

  clear: both;

  background-color: #303030;

  text-align: center;

}



.slide {

  position: static;

  display: inline-block;

  height: auto;

  margin-right: auto;

  margin-left: auto;

  padding-top: 0px;

  padding-right: 0px;

  padding-bottom: 0px;

  float: none;

  clear: none;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  background-color: transparent;

  background-image: url('../images/R18.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

  opacity: 1;

}



.slide._1 {

  background-color: #00ad6e;

}



.slide._2 {

  background-color: #00bdd6;

}



.slide._3 {

  background-color: #ccbe00;

}



.slide.image-2 {

  position: static;

  display: inline-block;

  overflow: visible;

  background-image: url('../images/Century.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

}



.slide.image-1 {

  background-position: 50% 0px;

}



.main-subtitle {

  margin-bottom: 26px;

  font-family: Lato, sans-serif;

  font-size: 17px;

  line-height: 26px;

  font-weight: 300;

}



.nav-menu {

  top: auto;

  display: block;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-bottom: 0px;

}



.footer-slogan {

  margin-bottom: 11px;

  color: #939596;

}



.social-icon {

  margin-right: 11px;

  opacity: 0.41;

  -webkit-transition: opacity 300ms ease;

  transition: opacity 300ms ease;

}



.social-icon:hover {

  opacity: 1;

}



.footer-title {

  margin-top: 0px;

  font-family: Montserrat, sans-serif;

  font-size: 16px;

  font-weight: 400;

  text-transform: uppercase;

}



.page-link {

  border-bottom: 1px solid transparent;

  -webkit-transition: color 300ms ease, border 300ms ease;

  transition: color 300ms ease, border 300ms ease;

  color: #489fd9;

  text-decoration: none;

}



.page-link:hover {

  border-bottom-color: #489fd9;

}



.page-link.in-footer {

  display: block;

  font-family: Montserrat, sans-serif;

  color: #939596;

  font-size: 13px;

  line-height: 19px;

}



.page-link.in-footer:hover {

  border-bottom-color: transparent;

  color: #d2d7d9;

}



.page-link.white {

  border-bottom-color: hsla(0, 0%, 100%, .49);

  color: #fff;

}



.page-link.white:hover {

  border-bottom-color: #fff;

}



.newsletter-field {

  width: 60%;

  height: 40px;

  float: left;

  border: 1px solid transparent;

  border-top-left-radius: 2px;

  border-bottom-left-radius: 2px;

  background-color: #e8e8e8;

}



.newsletter-field:focus {

  border-width: 1px;

  border-color: #09f;

  box-shadow: 0 0 6px 0 #489fd9;

}



.newsletter-button {

  width: 40%;

  height: 40px;

  padding-top: 9px;

  padding-bottom: 9px;

  float: left;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  background-color: #5f6166;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  color: #d5d8db;

}



.newsletter-button:hover {

  background-color: #489fd9;

  color: #fff;

}



.newsletter-form {

  width: 70%;

}



.brand-link {

  padding-top: 40px;

  text-decoration: none;

}



.success-message {

  background-color: #5f6166;

}



.main-heading {

  margin-bottom: 20px;

  font-family: Montserrat, sans-serif;

  color: #fff;

  font-size: 38px;

  line-height: 44px;

}



.section-subtitle {

  margin-bottom: 30px;

  padding-bottom: 14px;

  border-bottom: 2px none #77c7fc;

  color: #707070;

  font-size: 15px;

  line-height: 30px;

  font-style: normal;

  font-weight: 400;

  text-align: center;

}



.bold-text {

  font-weight: 400;

}



.plan-wrapper {

  min-height: 300px;

  padding: 17px;

  border-radius: 3px;

  background-color: #fff;

  color: #2b2b2b;

}



.price-point {

  margin-bottom: 8px;

  font-size: 14px;

}



.price-accent {

  color: #489fd9;

  font-size: 20px;

  letter-spacing: 0px;

}



.addl-feature {

  margin-bottom: 14px;

  font-size: 14px;

  line-height: 18px;

}



.addl-feature.inactive {

  color: #c7c5c5;

  text-decoration: line-through;

}



.divider {

  width: 50%;

  height: 1px;

  margin-top: 13px;

  margin-bottom: 12px;

  background-color: #dbdbdb;

}



.additional-contact {

  margin-top: 21px;

  text-align: center;

}



.feature {

  text-align: left;

}



.feature.centered {

  text-align: center;

}



.feature-row {

  margin-bottom: 14px;

}



.testimonial-slider {

  height: auto;

  margin-top: 45px;

  background-color: transparent;

}



.testimony-slide {

  padding-top: 0px;

  padding-right: 10%;

  padding-left: 10%;

  text-align: center;

}



.testimony-text {

  margin-bottom: 21px;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 25px;

  line-height: 31px;

  font-weight: 300;

}



.slide-nav {

  display: none;

  color: #4b4b4b;

  font-size: 10px;

}



.person {

  width: 70px;

  margin-bottom: 13px;

  border-radius: 100%;

}



.name {

  font-weight: 500;

}



.slider-arrow {

  width: 50px;

  -webkit-transition: color 300ms ease;

  transition: color 300ms ease;

  color: #bdbdbd;

  font-size: 32px;

}



.slider-arrow:hover {

  color: #000;

}



.feature-icon {

  margin-bottom: 12px;

}



.main-feature-group {

  margin-top: 30px;

}



.center-contents {

  text-align: center;

}



.small-features-row {

  margin-top: 71px;

}



.client-logo {

  width: auto;

}



.press-logo {

  width: 16%;

  margin-right: 2%;

  margin-left: 2%;

  opacity: 0.94;

}



.small-text {

  color: hsla(0, 0%, 100%, .29);

  font-size: 16px;

  font-weight: 300;

  text-align: center;

}



.logo {

  padding-top: 8px;

}



.column-1 {

  top: 0px;

  margin-bottom: 35px;

  padding: 0px 57px 0px 12px;

  text-align: left;

}



.icons {

  height: 110px;

  padding-top: 0px;

  padding-bottom: 0px;

}



.section-images {

  height: 400px;

  background-image: url('../images/Distribution.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

}



.start-yds-image {

  position: relative;

  display: block;

  overflow: auto;

  height: 400px;

  float: none;

  clear: none;

  background-color: rgba(119, 199, 252, 0);

  background-image: url('../images/Showroom.jpg');

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

}



.section-paragraphs {

  margin-top: -10px;

  margin-right: 20px;

  margin-bottom: 40px;

  padding: 15px 22px 15px 20px;

  background-color: #f2f2f2;

  color: #707070;

  font-size: 12px;

  line-height: 30px;

  font-weight: 400;

  text-align: left;

}



.heading {

  margin-top: 1px;

  margin-bottom: 50px;

  padding-top: 0px;

  text-align: left;

}



.line {

  position: static;

  left: 0px;

  top: 0px;

  display: inline-block;

  overflow: visible;

  width: 50px;

  margin-top: 0px;

  margin-right: 0px;

  margin-left: 0px;

  padding-top: 0px;

  padding-left: 0px;

  float: none;

  clear: none;

  border-bottom-style: solid;

  border-bottom-color: #77c7fc;

  color: #77c7fc;

  text-align: right;

}



.section-map {

  position: static;

  top: auto;

  background-color: #e8e8e8;

}



.form {

  margin-top: 35px;

  margin-bottom: 35px;

}



.syds-div {

  height: 400px;

  margin-top: 50px;

  margin-bottom: 45px;

  background-image: url('../images/Showroom.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-attachment: fixed;

}



.address-phone {

  margin-right: 0px;

  padding-right: 0px;

  font-family: Montserrat, sans-serif;

  color: #707070;

  text-align: left;

}



.address {

  margin-top: 0px;

  padding-top: 50px;

  background-color: #fff;

  text-align: center;

}



.container-1 {

  margin-top: 115px;

  margin-bottom: -31px;

}



.about {

  height: 400px;

  margin-bottom: 50px;

  padding-bottom: 0px;

  background-image: url('../images/Distribution.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

}



.brands {

  margin-bottom: 70px;

  background-color: #489fd9;

}



.slider-brands {

  height: 90px;

  margin-bottom: -1px;

  padding-bottom: 0px;

  text-align: center;

}



.slider-nav {

  margin-top: 1px;

  margin-bottom: -40px;

  padding-bottom: 0px;

  background-color: #77c7fc;

}



.careers {

  color: #4db2ff;

  text-decoration: none;

}



.email-us {

  color: #489fd9;

  font-weight: 500;

  text-decoration: none;

}



.buttons-div {

  margin-bottom: 70px;

  text-align: center;

}



.website-links {

  -webkit-transition: color 502ms ease;

  transition: color 502ms ease;

  color: #489fd9;

  text-decoration: none;

}



.html-embed {

  display: block;

}



.navbar {

  margin-top: 20px;

  padding-bottom: 20px;

  background-color: #fff;

}



.arrow-icon {

  background-color: transparent;

  color: #d4d4d4;

  font-size: 70px;

  font-weight: 100;

}



.slider {

  height: 50vh;

}



.arrows {

  color: #979797;

  font-size: 50px;

}



.slide-navigation {

  display: block;

  opacity: 0.21;

  color: #000;

  font-size: 16px;

}



.slide-2 {

  position: static;

  display: block;

  height: 100%;

  padding-right: 0px;

  padding-bottom: 0px;

  background-image: url('../images/R18.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

}



.slide-3 {

  position: static;

  display: block;

  height: 100%;

  padding-top: 0px;

  padding-right: 0px;

  padding-bottom: 0px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-image: url('../images/R18.jpg');

  background-position: 50% 50%;

  background-size: auto;

  background-repeat: no-repeat;

  background-attachment: scroll;

}



.slide-4 {

  position: static;

  display: block;

  height: 100%;

  background-image: url('../images/R18.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

}



.search {

  text-align: left;

}



.text-field {

  width: 300px;

}



.slider-mask {

  position: static;

  left: 0px;

  top: 0px;

  right: 0px;

  overflow: hidden;

}



.brand {

  position: relative;

  display: block;

  width: auto;

  float: left;

}



.navigation-link {

  font-family: Montserrat, sans-serif;

  font-size: 13px;

}



.navigation-link.w--current {

  background-color: transparent;

  opacity: 0.63;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.image-2 {

  width: auto;

  background-image: url('../images/Logo.png');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

}



.utility-page-wrap {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100vw;

  height: 100vh;

  max-height: 100%;

  max-width: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.utility-page-content {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 260px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  text-align: center;

}



.utility-page-form {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}



.text-block {

  font-family: Montserrat, sans-serif;

  color: #a3a3a3;

  font-size: 13px;

  font-weight: 300;

  text-align: center;

}



.section-2 {

  height: 1px;

  background-color: #e7e7e7;

}



.text-block-2 {

  font-family: Montserrat, sans-serif;

  font-size: 13px;

  font-weight: 300;

  text-align: center;

}



.section-3 {

  height: 1.5px;

  background-color: #e6e6e6;

}



.hrp-image {

  height: 800px;

  background-image: url('../images/BrandWall1200_3.jpg');

  background-position: 50% 50%;

  background-size: auto, cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

}



.hrp-image.image-1 {

  background-image: -webkit-linear-gradient(270deg, null, null), url('../images/HRP-Building.jpg');

  background-image: linear-gradient(180deg, null, null), url('../images/HRP-Building.jpg');

  background-size: auto, cover;

}



.field-label {

  font-family: Montserrat, sans-serif;

  font-size: 14px;

}



.field-label-2 {

  font-family: Montserrat, sans-serif;

}



.image-hedaline {

  position: relative;

  left: 0px;

  top: auto;

  right: 0px;

  bottom: 0px;

  display: block;

  overflow: visible;

  height: auto;

  margin-top: 0px;

  padding-top: 155px;

  float: none;

  clear: none;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  font-family: Montserrat, sans-serif;

  color: #fff;

  font-size: 70px;

  line-height: 57px;

  font-weight: 900;

  text-align: center;

  text-shadow: 0 5px 40px #000;

}



.paragraphs {

  position: relative;

  top: auto;

  bottom: auto;

  margin-bottom: 50px;

  padding-right: 20px;

  padding-bottom: 0px;

  font-family: Montserrat, sans-serif;

  color: #000;

  font-size: 14px;

  line-height: 20px;

  font-weight: 300;

  text-align: left;

}



.subheading {

  padding-top: 25px;

  font-family: Montserrat, sans-serif;

  color: #fff;

  font-size: 30px;

  line-height: 21px;

  font-weight: 300;

  text-align: center;

  text-shadow: 1px 3px 10px #000;

}



.subtitles {

  margin-top: 0px;

  padding-top: 0px;

  padding-bottom: 15px;

  font-family: Montserrat, sans-serif;

  font-weight: 500;

  text-align: left;

}



.slide-5 {

  position: static;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  margin-top: 0px;

  padding-top: 0px;

  float: none;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  background-image: url('../images/R18.jpg');

  background-position: 50% 50%;

  background-size: cover;

}



.slide-div {

  height: 50vh;

  background-image: url('../images/R18.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

}



.slide2 {

  display: block;

  margin-right: auto;

  margin-left: auto;

  background-image: url('../images/Century.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

}



.contact-image {

  height: 50vh;

  background-image: url('../images/Contact.jpg');

  background-position: 50% 50%;

  background-size: cover;

}



.image-4 {

  display: inline-block;

}



.body {

  color: #000;

}



.paragraph {

  color: #000;

}



.home-page-paragraph {

  padding-top: 40px;

  padding-bottom: 0px;

  font-family: Montserrat, sans-serif;

  color: #000;

}



.paragraph-2 {

  color: #000;

}



.heading-2 {

  margin-top: 0px;

  padding-top: 20px;

  font-family: Montserrat, sans-serif;

  font-size: 21px;

  text-align: center;

}



.contact-page-paragraph {

  margin-top: -15px;

  padding-top: 0px;

  padding-bottom: 35px;

  font-family: Montserrat, sans-serif;

  color: #000;

}



.about-page {

  height: 50vh;

  background-image: url('../images/HRP-Building.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

}



html.w-mod-js *[data-ix="fade-in-on-load"] {

  opacity: 0;

  -webkit-transform: translate(0px, 24px);

  -ms-transform: translate(0px, 24px);

  transform: translate(0px, 24px);

}



html.w-mod-js *[data-ix="fade-in-on-scroll"] {

  opacity: 0;

  -webkit-transform: translate(0px, 24px);

  -ms-transform: translate(0px, 24px);

  transform: translate(0px, 24px);

}



@media (max-width: 991px) {

  .button.in-pricing {

    font-size: 14px;

    line-height: 18px;

  }

  .nav-link {

    padding: 18px 0px;

    color: #fff;

  }

  .nav-link:hover {

    box-shadow: inset 0 3px 0 0 transparent;

  }

  .nav-link.w--current {

    box-shadow: inset 0 1px 0 0 transparent;

  }

  .nav-link.menu {

    padding: 22px 17px;

    color: #000;

    font-size: 30px;

  }

  .nav-link.menu.w--open {

    background-color: #000;

    color: #fff;

  }

  .section {

    padding-top: 61px;

  }

  .section.main {

    height: auto;

    margin-bottom: -15px;

    padding-top: 0px;

    padding-bottom: 0px;

    background-color: #fff;

  }

  .nav-menu {

    padding-top: 13px;

    padding-bottom: 13px;

    background-color: #000;

  }

  .main-feature-group {

    margin-top: 0px;

  }

  .main-image {

    margin-top: 49px;

  }

  .start-yds-image {

    background-position: 100% 50%;

    text-align: left;

  }

  .hamburger-nav {

    position: static;

    display: block;

    overflow: visible;

    float: right;

    clear: none;

    color: #000;

  }

}



@media (max-width: 767px) {

  h3 {

    margin-bottom: 8px;

  }

  .button {

    margin-top: 15px;

  }

  .logo-text {

    margin-top: 15px;

  }

  .nav-link.menu {

    padding-top: 11px;

    padding-bottom: 11px;

  }

  .section {

    margin-top: 0px;

    padding-top: 151px;

    padding-bottom: 43px;

    text-align: center;

  }

  .section.main {

    height: 400px;

    margin-top: 95px;

    margin-bottom: -82px;

    padding-top: 0px;

    padding-bottom: 0px;

  }

  .nav-menu {

    padding-right: 12px;

    padding-left: 12px;

  }

  .footer-title {

    margin-top: 35px;

  }

  .newsletter-form {

    display: block;

    margin-right: auto;

    margin-left: auto;

  }

  .section-subtitle {

    margin-bottom: 44px;

  }

  .plan-wrapper {

    margin-right: 5%;

    margin-bottom: 34px;

    margin-left: 5%;

  }

  .divider {

    width: 100%;

  }

  .feature {

    margin-bottom: 32px;

    text-align: center;

  }

  .feature-icon {

    margin-bottom: 4px;

  }

  .main-feature-group {

    margin-top: 0px;

    margin-bottom: 34px;

  }

  .container-1 {

    margin-top: 50px;

  }

  .image-hedaline {

    margin-left: 10px;

    padding-top: 160px;

    padding-left: 2px;

  }

  .subheading {

    margin-left: 15px;

    line-height: 33px;

  }

  .paragraph {

    padding-right: 15px;

    padding-left: 15px;

  }

  .image-5 {

    text-align: left;

  }

  .contact-page-paragraph {

    padding-right: 15px;

    padding-left: 15px;

  }

  .container-2 {

    padding-right: 15px;

    padding-left: 15px;

  }

}



@media (max-width: 479px) {

  h2 {

    padding-left: 0px;

    line-height: 34px;

    text-align: center;

  }

  .button {

    margin-top: 15px;

  }

  .section.main {

    margin-bottom: -220px;

  }

  .section-subtitle {

    margin-right: 15px;

    margin-left: 15px;

    text-align: center;

  }

  .client-logo {

    width: 33.33%;

  }

  .press-logo {

    width: 28%;

  }

  .section-images {

    height: 300px;

    background-position: 67% 50%;

    background-size: 1000px;

    background-attachment: scroll;

  }

  .start-yds-image {

    position: static;

    overflow: visible;

    float: none;

    background-position: 67% 69px;

    background-size: 1000px;

  }

  .section-paragraphs {

    text-align: center;

  }

  .heading {

    text-align: center;

  }

  .syds-div {

    background-position: 44% 50%;

  }

  .hamburger-nav {

    position: static;

    display: none;

    height: auto;

    margin-top: 35px;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    color: #000;

    text-align: left;

  }

  .image-3 {

    -webkit-perspective: 1001px;

    perspective: 1001px;

  }

  .image-hedaline {

    left: 5px;

    margin-right: 0px;

    margin-left: 0px;

    padding-top: 160px;

    padding-right: 15px;

    padding-left: 0px;

    font-size: 50px;

    line-height: 50px;

  }

  .subheading {

    margin-left: 10px;

    line-height: 33px;

  }

  .paragraph {

    padding-right: 15px;

    padding-left: 15px;

  }

  .heading-2 {

    margin-bottom: 29px;

    line-height: 21px;

  }

  .contact-page-paragraph {

    padding-right: 16px;

    padding-left: 15px;

  }

}