/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./css/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* 3rd party packages */
/*Fonts:
Fonts zo noteren:
$naamFont(bijv fontH1) : Font;
*/
/*Kleuren:
Kleuren zo noteren:
$naamKleur : Hexnummer;
*/
html {
  font-size: 100%;
  scroll-behavior: smooth;
}

.container {
  margin: 0 auto;
}

body {
  text-align: center;
}
@media (min-width: 768px) {
  body {
    text-align: left;
  }
}

#fadeIn {
  opacity: 0;
}

/*=========================================================================
	Transitions
========================================================================== */
* {
  transition: all 300ms linear 0s;
}

h1, nav li a {
  font-family: "Peach Memoires", serif;
  font-size: 2rem;
}
@media (min-width: 375px) {
  h1, nav li a {
    font-size: 2.2rem;
  }
}
@media (min-width: 576px) {
  h1, nav li a {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  h1, nav li a {
    font-size: 4rem;
  }
}
@media (min-width: 992px) {
  h1, nav li a {
    font-size: 4.5rem;
  }
}
@media (min-width: 1200px) {
  h1, nav li a {
    font-size: 5rem;
  }
}

strong {
  font-weight: bold;
}

h2, h2 > a {
  font-family: "Oswald", sans-serif;
  font-variation-settings: "wght" 200;
  font-size: 1.6rem;
}
@media (min-width: 375px) {
  h2, h2 > a {
    font-size: 1.8rem;
  }
}
@media (min-width: 576px) {
  h2, h2 > a {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  h2, h2 > a {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  h2, h2 > a {
    font-size: 2.2rem;
  }
}
@media (min-width: 1200px) {
  h2, h2 > a {
    font-size: 2.4rem;
  }
}

h3, h3 > a, .submenu ul li a {
  font-family: "Oswald", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 1.4rem;
}
@media (min-width: 576px) {
  h3, h3 > a, .submenu ul li a {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  h3, h3 > a, .submenu ul li a {
    font-size: 2rem;
  }
}

.submenu ul li a {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .submenu ul li a {
    font-size: 1.2rem;
  }
}
@media (min-width: 992px) {
  .submenu ul li a {
    font-size: 1.3rem;
  }
}
@media (min-width: 1200px) {
  .submenu ul li a {
    font-size: 1.4rem;
  }
}

h4, h4 > a, button, button > p, label {
  font-family: "Oswald", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 1rem;
}
@media (min-width: 576px) {
  h4, h4 > a, button, button > p, label {
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  h4, h4 > a, button, button > p, label {
    font-size: 1.6rem;
  }
}

p, p > a, .nf-form-fields-required {
  font-family: "Montserrat", sans-serif;
  list-style: none;
  text-decoration: none;
  font-variation-settings: "wght" 400;
  font-size: 1rem;
}
@media (min-width: 768px) {
  p, p > a, .nf-form-fields-required {
    font-size: 1.2rem;
  }
}
a, a > p {
  text-decoration: none;
  transition: all 300ms linear 0s;
}

li {
  list-style-type: none;
}

header {
  position: fixed;
  z-index: 999;
}
header #collapseMenuLogo, header #openMenuLogo {
  cursor: pointer;
}
header .header {
  margin-top: 1rem;
}
header .header .logo {
  width: 50%;
  float: left;
}
header .header .logo a {
  display: block;
  width: 100px;
}
header .header .logo a img {
  display: block;
  width: 100%;
  height: auto;
}
header .header .logo a h2 {
  color: #fff;
}
header .header #openMenuLogo {
  float: right;
  font-size: 1rem;
}
header .header #openMenuLogo path {
  fill: #fff;
}
header .mainmenu {
  z-index: 999;
  width: 100%;
  top: 0;
  height: 100vh;
  position: fixed;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(8px) brightness(110%);
          backdrop-filter: blur(8px) brightness(110%);
}
header .mainmenu svg {
  position: absolute;
  top: 1rem;
  right: 1rem;
  left: auto;
  font-size: 1rem;
}
header .mainmenu svg path {
  fill: #4A6B63;
  width: 100%;
}
header .mainmenu nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header .mainmenu nav ul {
  padding: 0;
}
header .mainmenu nav ul li {
  text-align: center;
  margin-bottom: 2rem;
}
header .mainmenu nav ul li a {
  color: #4A6B63;
}

.home .content-area main .hero .background {
  height: 100vh;
  background-color: #B2D3CB;
  background-blend-mode: normal;
}
.home .content-area main .hero .background .titles {
  position: absolute;
  bottom: 2rem;
  top: auto;
  left: 50%;
  z-index: 0;
  padding: 0;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .home .content-area main .hero .background .titles {
    right: 0;
    left: auto;
    transform: translateX(0);
  }
}
@media (min-width: 992px) {
  .home .content-area main .hero .background .titles {
    bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .home .content-area main .hero .background .titles {
    right: 0;
    left: 10rem;
    bottom: 10rem;
    margin-right: 0;
  }
}
.home .content-area main .hero .background .titles h1 {
  color: #fff;
  text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
}
.home .content-area main .hero .background .titles h2 {
  color: #0C090D;
}
@media (min-width: 768px) {
  .home .content-area main .hero .background .titles .button {
    position: absolute;
    bottom: -0.3rem;
    right: 2rem;
    left: auto;
  }
}
.home .content-area main .content .background {
  padding-top: 50vh;
}

.hero .background {
  width: 100%;
  height: 80vh;
  background: #4A6B63;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #B2D3CB;
  background-blend-mode: overlay;
}

.titles {
  position: absolute;
  left: 50%;
  z-index: 0;
  padding: 0;
  transform: translateX(-50%);
  top: 250px;
}
@media (min-width: 768px) {
  .titles {
    right: 0;
    left: auto;
    transform: translateX(0);
  }
}
.titles h1 {
  color: #4A6B63;
  text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
}

.content .background .titles {
  position: static;
  transform: translateX(0);
  margin-top: -75px;
}

.line {
  stroke: #fff;
  stroke-width: 4;
  vertical-align: top;
}

.content .background {
  background-image: linear-gradient(rgba(255, 244, 242, 0), rgb(255, 244, 242) 20%, #B2D3CB 60%, #B2D3CB 100%);
  min-height: 100vh;
  padding-top: 15vh;
  margin-top: -44vh;
  padding: 1rem 0;
}

.page-id-9 .content .background {
  background-image: linear-gradient(rgba(255, 244, 242, 0), rgb(255, 244, 242) 5%, #B2D3CB 60%, #B2D3CB 100%);
}

@media (min-width: 576px) {
  .camperpage-content .specifications {
    margin: 0 auto;
    margin-top: -165px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 10px;
  }
  .camperpage-content .specifications > * {
    min-width: 0px;
  }
  .camperpage-content .specifications .block-specifications {
    text-align: left;
  }
  .camperpage-content .specifications .general {
    grid-row: span 3;
  }
  .camperpage-content .specifications .beds > div {
    display: flex;
    justify-content: space-between;
  }
  .camperpage-content .specifications .beds > div .bed {
    padding-right: 0.3rem;
  }
  .camperpage-content .specifications .rest-fotos {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    align-self: flex-end;
  }
  .camperpage-content .specifications .plans {
    grid-column-start: 2;
    grid-row-start: 4;
    grid-row-end: 6;
  }
  .camperpage-content .specifications .wp-booking {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .camperpage-content .specifications {
    margin-top: -240px;
  }
}
@media (min-width: 992px) {
  .camperpage-content .specifications {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -100px;
  }
  .camperpage-content .specifications .general {
    grid-row: span 2;
  }
  .camperpage-content .specifications .rest-fotos {
    grid-row: 2;
    align-self: baseline;
  }
  .camperpage-content .specifications .plans {
    grid-row: 2;
    grid-column: 3;
  }
  .camperpage-content .specifications .beds {
    grid-row: 3;
    grid-column: 1;
  }
  .camperpage-content .specifications .inclusive {
    grid-row: 4;
    grid-column: 1;
  }
  .camperpage-content .specifications .wp-booking {
    grid-row-start: 3;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 4;
  }
}
@media (min-width: 1200px) {
  .camperpage-content .specifications {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .camperpage-content .specifications .general {
    grid-column: 1;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .camperpage-content .specifications .rest-fotos {
    grid-row: 1;
    grid-column: 2;
  }
  .camperpage-content .specifications .plans {
    grid-row: 2;
    grid-column: 2;
  }
  .camperpage-content .specifications .beds {
    grid-row: 3;
    grid-column: 1;
  }
  .camperpage-content .specifications .inclusive {
    grid-row: 4;
    grid-column: 1;
  }
  .camperpage-content .specifications .wp-booking {
    margin-top: 100px;
    grid-row-start: 1;
    grid-row-end: 7;
    grid-column: 3;
    align-self: flex-end;
  }
}

@media (min-width: 768px) {
  .contactpage-content {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .contactpage-content .contact-info .row {
    display: flex;
  }
}
.contactpage-content .contact-info .custom-logo-link, .contactpage-content .contact-info .text-logo {
  display: block;
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 375px) {
  .contactpage-content .contact-info .custom-logo-link, .contactpage-content .contact-info .text-logo {
    width: 60%;
  }
}
@media (min-width: 576px) {
  .contactpage-content .contact-info .custom-logo-link, .contactpage-content .contact-info .text-logo {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .contactpage-content .contact-info .custom-logo-link, .contactpage-content .contact-info .text-logo {
    width: 50%;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .contactpage-content .contact-info .custom-logo-link, .contactpage-content .contact-info .text-logo {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .contactpage-content .contact-info .custom-logo-link, .contactpage-content .contact-info .text-logo {
    width: 30%;
  }
}
.contactpage-content .contact-info .custom-logo-link img, .contactpage-content .contact-info .text-logo img {
  width: 100%;
  height: auto;
}
.contactpage-content .contact-info span {
  display: block;
  margin-top: 1rem;
  color: #4A6B63;
}
.contactpage-content .contact-info span a {
  display: block;
  color: #4A6B63;
}
.contactpage-content .contact-info span p {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .contactpage-content .contact-info span i, .contactpage-content .contact-info span p {
    font-size: 1.2rem;
  }
}
.contactpage-content .contact-form {
  margin-top: 1rem;
  color: #4A6B63;
}

.hexagon-tiles {
  padding-bottom: 50px;
}
@media (min-width: 576px) {
  .hexagon-tiles {
    padding-bottom: 130px;
    display: grid;
    grid-auto-rows: 200px;
    grid-gap: 8px;
    grid-template-columns: 10% 1fr 1fr 1fr 1fr 10%;
    grid-gap: 8px;
    margin: auto;
  }
}
@media (min-width: 768px) {
  .hexagon-tiles {
    grid-gap: 10px;
    grid-auto-rows: 275px;
  }
}
@media (min-width: 992px) {
  .hexagon-tiles {
    grid-template-columns: 15% 1fr 1fr 1fr 1fr 15%;
    grid-gap: 14px;
    grid-auto-rows: 375px;
    padding-bottom: 160px;
  }
}
@media (min-width: 1200px) {
  .hexagon-tiles {
    grid-template-columns: 20% 1fr 1fr 1fr 1fr 20%;
  }
}

.hex {
  display: block;
  height: 265px;
  margin-bottom: 1rem;
  background: #DAA9A2;
  position: relative;
  opacity: 0;
  transition: all 300ms linear 0s;
}
.hex:hover img {
  filter: opacity(100%);
}
.hex:hover .titlehex h2 {
  font-variation-settings: "wght" 400;
  margin-bottom: 1rem;
}
.hex:hover .titlehex .line {
  stroke-width: 10;
}
@media (min-width: 576px) {
  .hex {
    display: flex;
    height: 265px;
    width: 100%;
    margin-bottom: 0;
    background: #DAA9A2;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  }
}
@media (min-width: 768px) {
  .hex {
    height: 365px;
  }
}
@media (min-width: 992px) {
  .hex {
    height: 500px;
  }
}
@media (min-width: 576px) {
  .hex:first-child {
    grid-row-start: 1;
    grid-column: 2/span 2;
  }
}
.hex:nth-child(2) {
  grid-row-start: 2;
  grid-column: 3/span 2;
}
@media (min-width: 576px) {
  .hex:nth-child(2) {
    grid-row-start: 1;
    grid-column: 4/span 2;
  }
}
.hex:nth-child(3) {
  grid-row-start: 3;
  grid-column: 2/span 2;
}
@media (min-width: 576px) {
  .hex:nth-child(3) {
    grid-row-start: 2;
    grid-column: 3/span 2;
  }
}
.hex img {
  filter: opacity(30%);
  width: 100%;
  height: 265px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 300ms linear 0s;
}
.hex img:hover {
  filter: opacity(100%);
}
@media (min-width: 576px) {
  .hex img {
    height: auto;
  }
}
.hex .titlehex {
  position: absolute;
  width: 60%;
  top: 50%;
  left: auto;
  right: 0;
  transform: translateY(-50%);
}
.hex .titlehex h2 {
  text-align: left;
  margin: 0;
  color: #fff;
}
.hex .titlehex .line {
  text-align: left;
}
.hex .contenthex {
  position: absolute;
  width: 80%;
  top: 70%;
  left: auto;
  right: 5%;
  transform: translateY(-50%);
}
.hex .contenthex p {
  color: #fff;
}
.hex.hex-page-camper img {
  filter: none;
}
@media (min-width: 576px) {
  .hex.hex-page-camper {
    width: 40%;
    margin-right: 2rem;
    margin-left: auto;
    margin-top: -100px;
    z-index: -10;
  }
}
@media (min-width: 768px) {
  .hex.hex-page-camper {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .hex.hex-page-camper {
    width: 30%;
    height: 365px;
    margin-top: -250px;
  }
}
@media (min-width: 1200px) {
  .hex.hex-page-camper {
    width: 25%;
  }
}

.block-specifications {
  margin: 1rem auto;
}
@media (min-width: 576px) {
  .block-specifications {
    margin: 0;
  }
}
.block-specifications h2 {
  margin-bottom: 1rem;
}
.block-specifications p {
  margin-bottom: 0.3rem;
}

@media (min-width: 576px) {
  .lSSlideOuter {
    width: 250px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .lSSlideOuter {
    width: 300px;
  }
}
.lSSlideOuter .lSPager.lSGallery {
  margin: 0 auto;
}

@media (min-width: 576px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure {
    display: block;
  }
}
@media (min-width: 768px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar {
    width: 100%;
  }
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar .wpbc_change_over_triangle {
  margin: 0 auto;
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar .wpbc_change_over_triangle .bk_calendar_frame {
  width: 100% !important;
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar .wpbc_change_over_triangle .calendar-links {
  background-image: linear-gradient(#FFF4F2, #DAA9A2);
}
@media (min-width: 768px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar .wpbc_change_over_triangle .datepick-one-month {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar .wpbc_change_over_triangle .datepick-one-month {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar .wpbc_change_over_triangle .datepick-one-month {
    width: 50%;
  }
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_calendar .wpbc_change_over_triangle .datepick-one-month .datepick-header span {
  font-family: "Oswald", sans-serif;
}
@media (min-width: 768px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form {
    width: 75%;
  }
}
@media (min-width: 992px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form {
    width: 100%;
  }
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 576px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input {
    text-align: left;
  }
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group .controls, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input .controls {
  width: 100%;
  overflow: hidden;
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group input, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group textarea, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input input, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input textarea {
  padding: 0;
  border: none;
  border-radius: 0;
}
@media (min-width: 768px) {
  .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group input, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group textarea, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input input, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input textarea {
    width: 95%;
  }
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group button, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form input button {
  display: block;
  margin: 0 auto;
}
.wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group {
  margin-bottom: 0.5rem;
}

.button, .booking_form_div .btn, [type=button], .nf-field-container.submit-container.label-above.button-field.textbox-container .ninja-forms-field.button, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group button {
  background-color: #DAA9A2;
  border: solid 3px #DAA9A2;
  border-radius: 50px;
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  padding: 0.3rem 1.2rem !important;
  text-shadow: none !important;
  font-family: "Oswald", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 1rem;
  color: #0C090D;
  box-shadow: none;
  transition: all 300ms linear 0s;
}
@media (min-width: 576px) {
  .button, .booking_form_div .btn, [type=button], .nf-field-container.submit-container.label-above.button-field.textbox-container .ninja-forms-field.button, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group button {
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .button, .booking_form_div .btn, [type=button], .nf-field-container.submit-container.label-above.button-field.textbox-container .ninja-forms-field.button, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group button {
    font-size: 2rem;
  }
}
.button:hover, .booking_form_div .btn:hover, [type=button]:hover, .nf-field-container.submit-container.label-above.button-field.textbox-container .ninja-forms-field.button:hover, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group button:hover {
  color: #DAA9A2;
  background-color: transparent;
}
.button a, .booking_form_div .btn a, [type=button] a, .nf-field-container.submit-container.label-above.button-field.textbox-container .ninja-forms-field.button a, .wp-booking .booking_form .booking_form_div .wpbc_booking_form_structure .wpbc_structure_form .form-group button a {
  display: block !important;
  color: #4A6B63 !important;
  padding: 1rem !important;
}

.footer {
  background: #4A6B63;
  color: #fff;
  padding-top: 2rem;
}
.footer .left nav ul {
  padding: 0;
}
.footer .left nav ul li a {
  color: #fff;
  font-family: "Peach Memoires", serif;
  font-size: 1.5rem;
}
@media (min-width: 375px) {
  .footer .left nav ul li a {
    font-size: 1.8rem;
  }
}
@media (min-width: 576px) {
  .footer .left nav ul li a {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .footer .left nav ul li a {
    font-size: 2.8rem;
  }
}
@media (min-width: 992px) {
  .footer .left nav ul li a {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .footer .left nav ul li a {
    font-size: 3.2rem;
  }
}
.footer .middle a {
  display: block;
  width: 60%;
  margin: 0 auto 1rem auto;
}
@media (min-width: 576px) {
  .footer .middle a {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .footer .middle a {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .footer .middle a {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .footer .middle a {
    width: 50%;
  }
}
.footer .middle a img {
  width: 100%;
  height: auto;
}
.footer .right {
  margin: 1rem 0;
}
@media (min-width: 992px) {
  .footer .right {
    margin: 0;
  }
}
.footer .right .contactdetails .naw a {
  display: inline-block;
  color: #fff;
  margin: 0.5rem;
}
@media (min-width: 768px) {
  .footer .right .contactdetails .naw a {
    margin: 0;
    margin-bottom: 1rem;
  }
}
.footer .right .contactdetails .naw a i, .footer .right .contactdetails .naw a p {
  margin: 0 0.5rem;
  font-size: 2rem;
}
@media (min-width: 768px) {
  .footer .right .contactdetails .naw a i, .footer .right .contactdetails .naw a p {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .footer .right .contactdetails .naw a i, .footer .right .contactdetails .naw a p {
    font-size: 1.2rem;
  }
}
@media (min-width: 1200px) {
  .footer .right .contactdetails .naw a i, .footer .right .contactdetails .naw a p {
    font-size: 1.4rem;
  }
}
.footer .right .contactdetails .naw a i {
  margin: 0;
}
@media (min-width: 992px) {
  .footer .right .contactdetails .naw a i {
    display: inline-block;
  }
}
.footer .right .contactdetails .naw a p {
  display: none;
}
@media (min-width: 768px) {
  .footer .right .contactdetails .naw a p {
    display: inline-block;
  }
}
.footer .right .contactdetails .socials a {
  color: #fff;
  margin: 0 0.5rem;
  display: inline-block;
}
.footer .right .contactdetails .socials a i {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .footer .right .contactdetails .socials a i {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .footer .right .contactdetails .socials a i {
    font-size: 3rem;
  }
}
.footer .right .submenu {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .footer .right .submenu {
    margin-top: 0.5rem;
  }
}
.footer .right .submenu ul {
  padding: 0;
}
@media (min-width: 768px) {
  .footer .right .submenu ul li {
    text-align: right;
  }
}
.footer .right .submenu ul li a {
  color: #fff;
}

/*# sourceMappingURL=style-index.css.map*/