.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  background-color: #000;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}

h1 {
  margin-top: 0px;
  margin-bottom: 40px;
  font-family: ambroise-std, sans-serif;
  font-size: 120px;
  line-height: 100px;
  font-weight: 400;
  text-transform: uppercase;
}

h2 {
  margin-top: 0px;
  margin-bottom: 35px;
  font-family: ambroise-std, sans-serif;
  font-size: 56px;
  line-height: 66px;
  font-weight: 400;
  text-transform: uppercase;
}

h3 {
  margin-top: 0px;
  margin-bottom: 25px;
  font-family: ambroise-std, sans-serif;
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
  text-transform: uppercase;
}

h4 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: ambroise-std, sans-serif;
  font-size: 32px;
  line-height: 42px;
  font-weight: 400;
  text-transform: uppercase;
}

h5 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: ambroise-std, sans-serif;
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
  text-transform: uppercase;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: ambroise-std, sans-serif;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  text-transform: uppercase;
}

p {
  margin-bottom: 10px;
}

a {
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 0px;
  list-style-type: none;
}

ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 30px;
}

blockquote {
  margin-bottom: 20px;
  padding: 0px 0px 0px 140px;
  border-left: 5px none #e2e2e2;
  background-image: url('../images/quote_img.png');
  background-position: 0px 10px;
  background-size: 120px;
  background-repeat: no-repeat;
  font-size: 120px;
  line-height: 130px;
  font-weight: 400;
}

figure {
  margin-bottom: 10px;
}

.top-navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -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;
}

.main-content {
  width: 80%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}

.main-content.footer-content {
  padding-top: 90px;
  padding-bottom: 90px;
}

.main-content.banner-content {
  padding-top: 200px;
  padding-bottom: 200px;
}

.main-content.services-content {
  padding-top: 120px;
  padding-bottom: 120px;
}

.main-content.our-barbers-content {
  padding-top: 120px;
  padding-bottom: 120px;
}

.main-content.hours-content {
  padding-top: 120px;
  padding-bottom: 120px;
}

.main-content.thank-you-content {
  padding-top: 250px;
  padding-bottom: 250px;
}

.main-content._404-content {
  padding-top: 100px;
  padding-bottom: 100px;
}

.main-content.contact-content {
  padding-top: 120px;
  padding-bottom: 120px;
}

.center-block {
  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: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.paragraph-small {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.paragraph-small.hours-text {
  margin-bottom: 5px;
}

.small-link {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

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

.small-link.footer-contact {
  margin-top: 30px;
  text-transform: none;
}

.button-default {
  padding: 12px 60px 12px 20px;
  border-bottom: 2px solid #e52134;
  background-color: transparent;
  background-image: url('../images/arrow_button2x_1arrow_button@2x.png');
  background-position: 95% 55%;
  background-size: 26px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 500ms ease;
  transition: background-position 500ms ease;
  font-weight: 400;
  text-transform: none;
}

.button-default:hover {
  background-position: 90% 55%;
  text-decoration: none;
}

.button-default.button-hero.links {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.footer {
  background-color: #000;
  text-align: center;
}

.footer-text {
  margin-top: 40px;
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 26px;
}

.hero {
  position: relative;
  background-color: #000;
}

.hero.hero-barbershop {
  display: block;
  -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;
  background-image: url('../images/0F6A5990-SITE.webp');
  background-position: 50% 20%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero.hero-barbershop.links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.hero.hero-thank-you {
  background-image: url('../images/IMG_8544-SITE.webp');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero.hero-404 {
  background-image: url('../images/IMG_8544-SITE.webp');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.logo-box {
  position: absolute;
  left: 0%;
  top: 100px;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: auto;
  padding-right: 15px;
  padding-left: 15px;
  -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;
  border-right: 1px solid hsla(0, 0%, 100%, 0.32);
}

.logo-box.black {
  top: 0px;
  background-color: #000;
}

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  padding-left: 119px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.32);
}

.banner.links {
  width: 100%;
}

.under-heading {
  margin-bottom: 70px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 42px;
  font-weight: 400;
}

.scroll-more {
  display: block;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
}

.menu-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  -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;
  border-left: 1px solid hsla(0, 0%, 100%, 0.32);
  font-size: 16px;
  line-height: 26px;
}

.menu-link.menu-link-navigation {
  border-right: 1px solid hsla(0, 0%, 100%, 0.32);
}

.menu-link.menu-link-phone {
  border-right: 1px solid hsla(0, 0%, 100%, 0.32);
}

.menu-link.menu-link-phone.mobile-link {
  display: none;
}

.menu-block {
  display: -ms-grid;
  display: grid;
  width: 20%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-left: 1px solid hsla(0, 0%, 100%, 0.32);
}

.menu-block.menu-block-navigation {
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  border-left: 1px solid hsla(0, 0%, 100%, 0.32);
}

.menu-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 60%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.social-link {
  width: 20px;
  text-align: center;
}

.service {
  background-color: #000;
}

.service-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 90px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-text {
  width: 45%;
}

.service-image {
  width: 45%;
}

.service-content {
  padding-left: 100px;
  background-image: url('../images/red_line.svg');
  background-position: 0px 15px;
  background-size: 80px;
  background-repeat: no-repeat;
}

.sides-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.side-left {
  width: 35%;
}

.service-heading {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 36px;
}

.service-price {
  color: #e52134;
  font-weight: 400;
}

.about-us {
  background-color: #000;
}

.hours-location {
  background-color: #000;
  background-image: url('../images/IMG_8544-SITE.webp');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hours-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hours-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  padding: 40px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  text-align: center;
}

.hours-heading {
  margin-top: 20px;
}

.footer-small-links {
  display: -ms-grid;
  display: grid;
  width: 40%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.footer-contact-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}

.contact-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.33%;
  padding: 15px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-box.middle {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.footer-contact {
  margin-top: 30px;
  margin-bottom: 0px;
}

.navigaion-bottom {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  padding-left: 119px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.32);
  background-color: #000;
}

.error-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10vh;
  -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;
}

.error-text {
  font-family: Tinos;
  font-size: 500px;
  line-height: 281px;
  font-weight: 400;
}

.utility-heading {
  font-size: 100px;
}

.home-box-link {
  width: 50%;
  padding-right: 20px;
  padding-left: 20px;
  -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;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: -webkit-filter 500ms ease;
  transition: -webkit-filter 500ms ease;
  transition: filter 500ms ease;
  transition: filter 500ms ease, -webkit-filter 500ms ease;
  text-transform: none;
}

.home-box-link:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  text-decoration: none;
}

.no-margin {
  margin-bottom: 0px;
}

.appointment-box {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 60px;
  background-color: #000;
  text-align: center;
}

.contact {
  background-color: #000;
  background-image: url('../images/IMG_4305-SITE.webp');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.contact-form {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  text-align: left;
}

.input-field {
  height: 56px;
  margin-bottom: 0px;
  border: 1px solid #fff;
  background-color: transparent;
  color: #eee;
}

.input-field:focus {
  border-color: #fff;
}

.input-field::-webkit-input-placeholder {
  color: #fff;
  font-weight: 400;
}

.input-field:-ms-input-placeholder {
  color: #fff;
  font-weight: 400;
}

.input-field::-ms-input-placeholder {
  color: #fff;
  font-weight: 400;
}

.input-field::placeholder {
  color: #fff;
  font-weight: 400;
}

.input-field.input-password {
  margin-top: 20px;
  margin-bottom: 20px;
}

.area-field {
  min-height: 100px;
  margin-bottom: 0px;
  border: 1px solid #fff;
  background-color: transparent;
}

.area-field:focus {
  border-color: #fff;
}

.area-field::-webkit-input-placeholder {
  color: #fff;
  font-weight: 400;
}

.area-field:-ms-input-placeholder {
  color: #fff;
  font-weight: 400;
}

.area-field::-ms-input-placeholder {
  color: #fff;
  font-weight: 400;
}

.area-field::placeholder {
  color: #fff;
  font-weight: 400;
}

.form-block {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.side-right-services {
  width: 60%;
}

.service-boxes {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.service-box-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  border: 1px solid #fff;
  text-align: center;
}

.heading-hero.links {
  border-bottom: 2px solid #e52134;
  font-size: 80px;
  line-height: 72px;
}

.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;
  -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;
}

.open-link {
  display: none;
}

.menu {
  display: none;
}

.about-us-content {
  padding-left: 100px;
  background-image: url('../images/red_line.svg');
  background-position: 0px 15px;
  background-size: 80px;
  background-repeat: no-repeat;
}

.about-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 90px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.location-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  padding: 40px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  text-align: center;
}

.location-heading {
  margin-top: 20px;
}

.about-us-text {
  width: 45%;
}

.about-us-image {
  width: 45%;
}

.extra-service {
  margin-top: 20px;
}

.fontawesome {
  font-family: FA, sans-serif;
  font-size: 50px;
  line-height: 50px;
  font-weight: 100;
  text-decoration: none;
}

.fontawesome.location-icon {
  font-size: 84px;
  line-height: 84px;
  font-weight: 100;
}

.fontawesome.brands {
  font-family: 'FA Brands', sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
}

.fontawesome.password {
  font-size: 60px;
  line-height: 60px;
}

.subheading.links {
  font-size: 60px;
  line-height: 54px;
}

.button-container.links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 90px;
  }

  h2 {
    font-size: 50px;
    line-height: 60px;
  }

  blockquote {
    font-size: 90px;
    line-height: 100px;
  }

  .main-content.footer-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-content.banner-content {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .main-content.services-content {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .main-content.our-barbers-content {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .main-content.hours-content {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .main-content.thank-you-content {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .main-content._404-content {
    padding-top: 60px;
  }

  .main-content.contact-content {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .logo-box {
    position: static;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right-style: none;
  }

  .logo-box.black {
    background-color: transparent;
  }

  .header {
    height: auto;
    padding-left: 0px;
    -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;
  }

  .under-heading {
    margin-bottom: 40px;
  }

  .scroll-more {
    width: 90px;
    margin-top: 60px;
  }

  .menu-link.menu-link-navigation {
    width: 35%;
  }

  .menu-link.menu-link-phone {
    width: 100%;
    height: 60px;
    border-right-style: none;
    border-left-style: none;
  }

  .menu-link.menu-link-phone.mobile-link {
    display: none;
  }

  .menu-block {
    border-right: 1px solid hsla(0, 0%, 100%, 0.32);
  }

  .menu-block.menu-block-navigation {
    width: 35%;
  }

  .menu-wrapper {
    height: 70px;
    max-width: 100%;
    border-top: 1px solid hsla(0, 0%, 100%, 0.32);
  }

  .service-wrapper {
    -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;
  }

  .service-text {
    width: 100%;
    margin-top: 40px;
  }

  .service-image.left {
    width: 100%;
  }

  .sides-wrapper {
    -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;
  }

  .side-left {
    width: 100%;
    margin-bottom: 40px;
  }

  .hours-box {
    width: 48%;
  }

  .footer-small-links {
    width: 100%;
  }

  .contact-box {
    padding-bottom: 0px;
  }

  .footer-contact {
    font-size: 14px;
  }

  .navigaion-bottom {
    padding-left: 0px;
  }

  .error-text {
    font-size: 340px;
  }

  .utility-heading {
    font-size: 60px;
    line-height: 70px;
  }

  .utility-over-title {
    font-size: 30px;
    line-height: 40px;
  }

  .appointment-box {
    padding: 40px;
  }

  .contact-form {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .form-block {
    width: 100%;
  }

  .side-right-services {
    width: 100%;
  }

  .heading-hero.links {
    margin-bottom: 20px;
    font-size: 60px;
    line-height: 54px;
  }

  .logo-link {
    width: 60px;
  }

  .about-wrapper {
    -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;
  }

  .location-box {
    width: 48%;
  }

  .about-us-text {
    width: 100%;
    margin-top: 40px;
  }

  .about-us-image.right {
    width: 100%;
  }

  .subheading.links {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 36px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 60px;
    line-height: 70px;
  }

  h2 {
    font-size: 45px;
    line-height: 55px;
  }

  h3 {
    font-size: 30px;
    line-height: 40px;
  }

  h4 {
    font-size: 28px;
    line-height: 38px;
  }

  blockquote {
    font-size: 60px;
    line-height: 70px;
  }

  .main-content.footer-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-content.banner-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-content.services-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-content.our-barbers-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-content.hours-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-content.thank-you-content {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .main-content._404-content {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .main-content.contact-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .small-link.footer-contact {
    margin-top: 10px;
  }

  .button-default.button-hero.links {
    background-size: 24px;
    font-size: 14px;
    line-height: 24px;
  }

  .logo-box {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .logo-box.black {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .header {
    display: 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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-style: none;
  }

  .under-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .scroll-more {
    display: none;
  }

  .menu-link.menu-link-navigation {
    width: 50%;
  }

  .menu-link.menu-link-phone {
    width: auto;
    padding-right: 30px;
    padding-left: 30px;
  }

  .menu-link.menu-link-phone.mobile-link {
    display: block;
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-block.menu-block-navigation {
    width: 50%;
    border-left-style: none;
  }

  .service-wrapper {
    margin-bottom: 60px;
  }

  .service-content {
    padding-top: 38px;
    padding-left: 0px;
    background-position: 0px 0px;
  }

  .hours-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hours-box {
    width: 100%;
  }

  .hours-box.hours-box-top {
    margin-bottom: 40px;
  }

  .footer-contact-links {
    margin-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contact-box {
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .contact-box.middle {
    margin-top: 30px;
    margin-bottom: 30px;
    border-right-style: none;
    border-left-style: none;
  }

  .footer-contact {
    margin-top: 10px;
  }

  .error-wrapper {
    margin-top: 5vh;
  }

  .error-text {
    font-size: 220px;
  }

  .utility-heading {
    font-size: 50px;
    line-height: 60px;
  }

  .service-boxes {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .heading-hero.links {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 36px;
  }

  .open-link {
    display: block;
  }

  .menu {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 9999;
    display: none;
    height: 100vh;
    -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;
    background-color: #000;
  }

  .menu-inner {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .close-menu {
    position: absolute;
    left: auto;
    top: 50px;
    right: 20px;
    bottom: auto;
  }

  .mobile-menu {
    margin-bottom: 25px;
    border-bottom: 3px solid #fff;
    -webkit-transition: border-color 300ms ease;
    transition: border-color 300ms ease;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 2px;
    text-transform: capitalize;
  }

  .mobile-menu:hover {
    border-bottom-color: #000;
    text-decoration: none;
  }

  .mobile-menu.no-margin {
    margin-bottom: 0px;
  }

  .mobile-logo {
    position: absolute;
    left: 20px;
    top: 20px;
    right: auto;
    bottom: auto;
  }

  .simple-logo {
    width: 60px;
  }

  .about-us-content {
    padding-top: 38px;
    padding-left: 0px;
    background-position: 0px 0px;
  }

  .about-wrapper {
    margin-bottom: 60px;
  }

  .location-box {
    width: 100%;
  }

  .subheading.links {
    font-size: 30px;
    line-height: 27px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 55px;
    line-height: 65px;
  }

  h2 {
    font-size: 35px;
    line-height: 45px;
  }

  h4 {
    font-size: 25px;
    line-height: 35px;
  }

  h5 {
    font-size: 24px;
    line-height: 34px;
  }

  blockquote {
    padding-left: 40px;
    background-size: 94px;
    font-size: 40px;
    line-height: 50px;
  }

  .main-content.banner-content {
    width: 90%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-content.services-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-content.our-barbers-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-content.hours-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-content.thank-you-content {
    padding-bottom: 40px;
  }

  .main-content._404-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .button-default {
    width: 100%;
    font-size: 14px;
  }

  .button-default.button-hero.links {
    background-size: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  .under-heading {
    font-size: 20px;
    line-height: 30px;
  }

  .menu-link.menu-link-navigation {
    width: 100%;
    height: 50%;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.32);
    border-right-style: none;
    border-left-style: none;
  }

  .menu-link.menu-link-phone.mobile-link {
    font-size: 13px;
  }

  .menu-block.menu-block-navigation {
    width: 100%;
    height: 50%;
  }

  .social-link.menu-mobile-social-instagram {
    margin-left: 10px;
  }

  .social-link.menu-mobile-social-facebook {
    margin-right: 10px;
  }

  .service-heading {
    font-size: 24px;
    line-height: 34px;
  }

  .footer-small-links {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
  }

  .navigaion-bottom {
    height: 200px;
    -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;
  }

  .error-text {
    font-size: 130px;
  }

  .appointment-box {
    padding: 20px;
  }

  .contact-form {
    overflow: visible;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-template-columns: repeat(auto-fit, minmax(80%, 100%));
    -o-object-position: 100% 50%;
    object-position: 100% 50%;
  }

  .input-field {
    width: 100%;
  }

  .area-field {
    width: 100%;
  }

  .service-boxes {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .service-box-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .heading-hero {
    margin-bottom: 25px;
    font-size: 35px;
    line-height: 45px;
  }

  .heading-hero.links {
    font-size: 25px;
    line-height: 22px;
  }

  .button-inner {
    width: 100%;
  }

  .menu {
    display: none;
  }

  .mobile-menu {
    margin-bottom: 15px;
    border-bottom-width: 1.5px;
    font-size: 30px;
    line-height: 40px;
  }

  .fontawesome.brands {
    font-size: 20px;
    line-height: 20px;
  }

  .fontawesome.hamburger {
    font-size: 30px;
    line-height: 30px;
  }

  .subheading.links {
    font-size: 20px;
    line-height: 18px;
  }

  .button-container.links {
    max-width: 400px;
  }

  .recaptcha-wrapper {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
  }
}

#w-node-f1d37a4d-a49d-9a11-5778-eae2fda79b5b-714c0bb3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_138fa2a5-7500-588f-2c2e-b70345ed835a-714c0bb3 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_23cde1d9-31e5-b8c4-14c7-609e41e502a5-af939043 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-ba167282-4354-321f-f666-7a2aecabc6ec-af939043 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_754d5dd2-a10c-9bde-1ff8-4fd13aa82cf3-af939043 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d17df3cc-ea70-0ea8-7b1e-edb39574eb2b-af939043 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_03dfeb06-21c5-5100-0009-55090f4ad1f6-af939043 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_525688f0-2acf-22d4-f57b-4c24d923a0e2-af939043 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#Bericht.w-node-cf879478-58a9-129f-af1f-f88fdfa30e0b-af939043 {
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
}

#w-node-_6ca82a7c-4b6c-830a-2045-a6c3adb0048a-af939043 {
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: center;
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #Naam.w-node-_7709560c-50c6-3a45-8940-aa24c36d3ac9-af939043 {
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
  }

  #Telefoon.w-node-cc9ec572-8fdb-df83-e3d0-860e5e845c43-af939043 {
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }

  #E-mailadres.w-node-_7709560c-50c6-3a45-8940-aa24c36d3acc-af939043 {
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }

  #Bericht.w-node-cf879478-58a9-129f-af1f-f88fdfa30e0b-af939043 {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
  }

  #w-node-_6ca82a7c-4b6c-830a-2045-a6c3adb0048a-af939043 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2987d044-7606-a290-e795-6b8a1095fe3a-af939043 {
    -ms-grid-column-align: start;
    justify-self: start;
  }

  #w-node-_934d4894-deaf-af37-36ac-13be101b55ed-af939043 {
    -ms-grid-column-align: center;
    justify-self: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  #w-node-_9f5a5c53-56f8-7310-ee04-9c130b1ec2c3-af939043 {
    -ms-grid-column-align: end;
    justify-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1a7553b2-2675-5b19-b216-18b85d91cfa4-af939043 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #Naam.w-node-_7709560c-50c6-3a45-8940-aa24c36d3ac9-af939043 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }

  #w-node-c419d5a7-935d-2d35-2400-e4cfc91fb71b-af939043 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
}

@font-face {
  font-family: 'FA';
  src: url('../fonts/fa-thin-100.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FA';
  src: url('../fonts/fa-light-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FA Duotone';
  src: url('../fonts/fa-duotone-900.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FA';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FA';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FA Brands';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}