@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
    #myBtn {
      display: none; /* Hidden by default */
      position: fixed; /* Fixed/sticky position */
      bottom: 1.5vw; /* Place the button at the bottom of the page */
      right: 1.5vw; /* Place the button 30px from the right */
      z-index: 99; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      background: none; /* Set a background color */
      color: #D2560F; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 0.75vw; /* Some padding */
      border-radius: 0.5vw; /* Rounded corners */
      font-size: 7vw; /* Increase font size */
    }

    .header {
      height: 120vw;
    }

    .logo {
      width: 10.5vw;
      height: 10.5vw;
    }

    .nav-balk {
      height: 10.5vw;
      left: 10.5vw;
      object-position: 0 25%;
    }

    .black-bar {
      width: 10.5vw;
      height: 13.5vw;
    }

    .logo-text {
      top: 10.5vw;
      left: 0.2vw;
      font-size: 2.2vw;
    }

    .title-section {
      top: 46vw;
    }

    .title {
      font-size: 11vw;
      margin-bottom: 4.5vw;
    }

    .under-title {
      font-size: 5.5vw;
      margin-top: 4.5vw;
    }

    .under-title-new-year {
      font-size: 6vw;
      margin-top: 0vw;
    }

    #bar1 {
      width: 100%;
      height: 1.5vw;
      margin: 0 auto;
      background-color: #D2560F;
    }

    .dropbtn {
      right: 3vw;
      letter-spacing: 1vw;
      padding: 1.8vw;
      font-size: 4.75vw;
      width: 10.5vw;
    }

    .dropbtn img {
      margin-left: 1vw;
      height: 20vw;
    }

    .dropdown-content {
      top: 10.5vw;
      right: 0vw;
      width: 40.5vw;
      font-size: 4.5vw;
      box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0,0,0,0.2);
      border-radius: 0 0 1.5vw 1.5vw;
    }

    .sfeerimpressie {
      background-color: #F5F4F2;
      width: 100%;
      height: 240vw;
      margin-top: 5vw;
      overflow: hidden;
    }

    .slideshow-container {
      position: relative;
      box-sizing: border-box;
      height: 15vw;
      margin-top: 15vw;
    }

    .dot-div {
      left: 0vw;
      bottom: -32vw;
    }

    .dot {
      cursor: pointer;
      height: 2.5vw;
      width: 2.5vw;
      margin: 0 0.5vw;
      margin-top: 1.5vw;
    }

    .sfeerimpressie-text1 {
      margin-left: 5%;
      padding-top: 0vw;
      width: 90%;
    }

    .sfeerimpressie-text1 h1 {
      font-size: 6vw;
      margin-bottom: 0.2vw;
    }

    .sfeerimpressie-text1 p {
      font-size: 2.7vw;
      margin-top: 3vw;
      width: 80%;
    }

    #impressie-bar {
      width: 100%;
      height: 0.45vw;
      border-radius: 1vw;
      background-color: #D2560F;
    }

    #bar2 {
      width: 100%;
      height: 0.45vw;
      border-radius: 1vw;
      background-color: #D2560F;
    }

    .sfeerimpressie_href1 {
      position: absolute;
      left: 65vw;
      bottom: -11vw;
      color:#D2560F
    }

    .sfeerimpressie_href2 {
      position: absolute;
      left: 63vw;
      bottom: -11vw;
      color:#D2560F
    }

    .sfeerimpressie_href3 {
      position: absolute;
      left: 64vw;
      bottom: -13vw;
      color:#D2560F
    }

    .sfeerimpressie_href1 a, .sfeerimpressie_href2 a, .sfeerimpressie_href3 a {
      font-size: 2.5vw;
    }

    .sfeerimpressiekader1 {
      position: relative;
      left: 3.33%;
      bottom: -60vw;
    }

    .sfeerimpressiekader1_1 {
      position: relative;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader1_2 {
      position: relative;
      max-width: 7.5%;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader2 {
      position: relative;
      left:5%;
      bottom: -50vw;
    }

    .sfeerimpressiekader2_1 {
      position: relative;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader2_2 {
      position: relative;
      max-width: 10%;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader3 {
      position: relative;
      left:7%;
      bottom: -50vw;
    }

    .sfeerimpressiekader3_1 {
      position: relative;
      left: 0%;
      bottom: -7.5vw;
    }

    .sfeerimpressiekader3_2 {
      position: relative;
      max-width: 50%;
      left: 0%;
      bottom: -7.5vw;
    }

    .img1_1 {
      width: 62%;
      height: auto;
      position: absolute;
      left: 0px;
      bottom: 0px;
    }

    .img1_2 {
      width: 350%;
      height: auto;
      float: left;
      position: absolute;
      left: 63vw;
      bottom: 0vw;
    }

    .img1_3 {
      width: 350%;
      height: auto;
      float: left;
      position: absolute;
      left: 63vw;
      bottom: 20.5vw;
    }

    .img2_1 {
      width: 25%;
      height: auto;
      position: absolute;
      left: 0%;
      bottom: 0%;
    }

    .img2_2 {
      width: 256%;
      height: auto;
      position: absolute;
      left: 30vw;
      bottom: 0vw;
    }

    .img2_3 {
      width: 255%;
      height: auto;
      position: absolute;
      left: 60vw;
      bottom: 0%;
    }

    .img3_1 {
      width: 22.5%;
      height: auto;
      position: absolute;
      left: 0%;
      bottom: 0%;
    }

    .img3_2 {
      width: 52.1%;
      height: auto;
      position: absolute;
      left: 20vw;
      bottom: 0vw;
    }

    .img3_3 {
      width: 87%;
      height: auto;
      position: absolute;
      left: 42.5vw;
      bottom: 0%;
    }

    #stylebar1_1 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: -1vw;
      bottom: 20vw;
      background-color: #D2560F;
    }

    #stylebar1_2 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: -1vw;
      bottom: 39vw;
      background-color: #D2560F;
    }

    #stylebar2_1 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: -1vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar2_2 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: -1vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar3_1 {
      width: 0.3vw;
      height: 22.4vw;
      position: absolute;
      left: -1vw;
      bottom: 12.33vw;
      background-color: #D2560F;
    }

    #stylebar3_2 {
      width: 22.4vw;
      height: 0.25vw;
      position: absolute;
      left: -1vw;
      bottom: 34.8vw;
      background-color: #D2560F;
    }

    #stylebar3_3 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: 86.5vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar3_4 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: 67.5vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    .lichtadvies-img {
      z-index: 2;
      width: 150%;
      height: auto;
      position: absolute;
      left: 7.5%;
      bottom: -100vw;
    }

    .lichtadvies-vak1 {
      z-index: 2;
      width: 60%;
      float: none;
      margin-top: 0vw;
    }

    .lichtadvies-vak2 {
      z-index: 2;
      width: 80%;
      height: auto;
      float: none;
      margin-left: 10%;
    }

    .lichtadvies-vak2 h1 {
      z-index: 2;
      color: black;
      font-size: 6vw;
      font-weight: 300;
      margin: auto;
      margin-bottom: 0.2vw;
      overflow: hidden;
      text-align: center;
    }

    .lichtadvies-vak2 p {
      z-index: 2;
      font-size: 2.5vw;
      margin-top:1vw;
      margin-bottom: 1vw;
      padding: 0;
    }

    .lichtadvies {
      height: 50vw;
      width: 100%;
      margin-left: 0%;
      margin-top: 90vw;
    }

    .maatwerk {
      font-family: 'Roboto', sans-serif;
      background-color: #b4a192;
      width: 100%;
      height: 180vw;
      overflow: hidden;
    }

    .maatwerk-text {
      position: relative;
      top: 30vw;
      left: 0%;
      width: 100%;
      color: black;
      text-align: center;
    }

    .maatwerk-text h1 {
      font-size: 6vw;
      margin: auto;
      font-weight: 400;
    }

    .maatwerk-text p {
      font-size: 2.5vw;
      text-align: center;
      margin: auto;
      margin-top: 3vw;
      margin-bottom: 0vw;
      width: 80%;
    }

    #maatwerk-bar {
      width: 100%;
      height: 0.45vw;
      background-color: #D2560F;
    }

    .maatwerk-img-div {
      width: 55%;
      height: 25%;
      position: relative;
      top: 0vw;
      left: -7.5%;
    }

    .maatwerk-img1 {
      width: 70%;
      margin-left: 0%;
      margin-top: 0%;
      height: auto;
      position: absolute;
      top: 27.5vw;
      left: 17.5%;
    }

    .maatwerk-img2 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 6.5vw;
      left: 88%;
    }

    .maatwerk-img3 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 22.5vw;
      left: 140%;
    }

    .maatwerk-img4 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 45vw;
      left: 88%;
    }

    .box {
      width: 60%;
      margin-left: 20%;
      padding: 0.5vw;
      margin-top: 3vw;
    }

    .box h2 {
      font-size: 3.2vw;
      font-weight: 300;
      text-align: left;
      padding: 0;
      color: #D2560F;
      margin: 0;
    }

    .box p {
      width: 99%;
      padding: 0;
      margin: 0;
    }

    .contact {
      width: 100%;
      height: 150vw;
    }

    .contact-text {
      margin-left: 17.5%;
      width: 65%;
      padding-top: 7.5vw;
    }

    .contact-title-2 {
      padding-top: 3vw;
    }

    .contact-title-1-child h1 {
      width: 100%;
      font-size: 5vw;
      padding: 0.4vw;
      margin: auto;
    }

    .contact-text p {
      font-size: 2.2vw;
      width: 100%;
      padding: 0px;
      margin: 0;
    }

    .locatie-sectie {
      padding-top: 3vw;
      width: 100%;
      height: 70vw;
    }

    .locatie-sectie-text {
      width: 100%;
      height: 17.5vw;
      float: left;
      text-align: left;
      padding-left: 0px;
      padding-top: 5vw;
    }

    .locatie-sectie-text i {
      font-size: 2vw;
      display: flex;
      align-items: center;
      float:left;
      padding-bottom: 5.5vw;
      color: #D2560F;
      height: 4vw;
      width: 100%;
    }

    .locatie-sectie-text i p{
      font-family: 'Roboto', sans-serif;
      text-align: left;
      font-size: 1.8vw;
      font-weight: 300;
      display: flex;
      float:left;
      align-items: center;
      color: black;
      padding-left: 1vw;
    }

    .locatie-sectie-text i p a{
      font-family: 'Roboto', sans-serif;
      text-align: left;
      font-size: 1.8vw;
      font-weight: 300;
      display: flex;
      float:left;
      align-items: center;
      color: black;
    }

    .locatie-sectie-kader-content {
      margin-top: 8.5%;
      width: 100%;
      height: 97.5%;
    }

    #locatiebar {
      width: 100%;
      height: 0.3vw;
      position: absolute;
      bottom: 0px;
      left: 0px;
      background-color: #D2560F;
    }

    .map-div {
      width: 100%;
      height: 55vw;
      margin-top: -20vw;
      float:left;
    }

    .map {
      height: 100%;
      width: 100%;
      background-color: #D2560F;
    }

    .map-frame {
      height: 99.65%;
      width: 99.65%;
      padding-top: 0.35%;
      padding-left: 0.35%;
    }

    .openingstijden {
      font-family: 'Roboto', sans-serif;
      background-color: #F5F4F2;
      width: 100%;
      height: 130vw;
      overflow-y: hidden;
    }

    .openingstijden_text {
      position: relative;
      width: 80vw;
      height: 60vw;
      left: 10vw;
      bottom: 0vw;
    }

    .openingstijden_text_title {
      width: 90%;
      margin-right: 5%;
      margin-left: 5%;
      margin: auto;
      padding-top: 3vw;
    }

    .openingstijden_text_title h1 {
      padding: 0;
      margin-bottom: 0.15vw;
      font-size: 5vw;
    }

    .openingstijden_column p {
      color:#D2560F;
      font-size: 2.7vw;
      font-weight: 300;
    }

    .openingstijden_row {
      float: left;
      width: 50%;
      height: 10vw;
    }

    .openingstijden_column {
      float: left;
      width: 50%;
      height: 10vw;
    }

    .openingstijden_row p {
      font-size: 2.7vw;
      font-weight: 300;
      padding-top: 0.8vw;
      padding-bottom: 0.8vw;
    }

    .openingstijden_text_info p {
      font-size: 2.7vw;
      padding-top: 0.8vw;
      padding-bottom: 0.8vw;
      margin-bottom: 0;
    }

    .slideShowContainer2 {
      position: relative;
      left: 0vw;
    }

    .dot-div2 {
      position: absolute;
      left: 41vw;
      top: 117.5vw;
    }

    .dot2 {
      cursor: pointer;
      height: 3vw;
      width: 3vw;
      margin: 0 0.75vw;
      margin-top: 2.5vw;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }

    .active, .dot2:hover {
      background-color: #D2560F;
    }


    .openingstijden_img1 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img2 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img3 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img4 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }


    .footer {
      font-family: 'Roboto', sans-serif;
      color: white;
      background-color: #1F1A17;
      width: 100%;
      max-height: 30vw;
    }

    .footer-title {
      width: 90%;
      float: left;
      text-align: center;
      margin: 0;
      margin-left: 10%;
      padding: 0;
    }

    .footer-title h1 {
      font-family: 'Roboto', sans-serif;
      float: left;
      padding-left: 3vw;
      color: white;
      margin-bottom: 0vw;
      margin-top: 0.5vw;
      letter-spacing: 0.15em;
      display: block;
      font-size: 7vw;
      text-align:center;
    }

    .footer-links {
      width: 100%;
      height: 20vw;
      float: left;
      position: relative;
      display:block;
      align-items: center;
      justify-content: center;
      margin-top: 3vw;
    }

    .footer-a-first {
      font-family: 'Roboto', sans-serif;
      text-align: center;
      font-size: 4.5vw;
      color: white;
      margin-left: 0%;
      margin-top: 2vw;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.15em;
      position: relative;
      float: left;
      width: 100%;
    }

    .footer-a {
      font-family: 'Roboto', sans-serif;
      text-align: center;
      font-size: 4.5vw;
      color: white;
      margin-left: 0%;
      margin-top: 2vw;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.15em;
      position: relative;
      float: left;
      width: 100%;
    }

    .footer-a:after {
      background: none repeat scroll 0 0 transparent;
      bottom: 0;
      content: "";
      display: block;
      height: 0.1vw;
      left: 50%;
      position: absolute;
      background-color: #D2560F;
      transition: width 0.3s ease 0s, left 0.3s ease 0s;
      width: 0;
    }

    .footer-a:hover {
      color: white;
    }

    .footer-a:hover:after {
      width: 0%;
      left: 0;
    }

    .footer-sfeerimpressie-i {
      font-size: 4.5vw;
    }

    /*Cookie Consent Begin*/
    #cookieConsent {
        background-color: rgba(20,20,20,0.8);
        min-height: 4vw;
        font-size: 2.7vw;
        color: #ccc;
        line-height: 1.75vw;
        padding: 0;
        font-family: "Trebuchet MS",Helvetica,sans-serif;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        z-index: 9999;
    }
    #cookieConsent a {
        color: #4B8EE7;
        text-decoration: none;
    }

    #cookieConsent p{
      margin: 0;
    }

    #cookieText {
      float: left;
      width: 100%;
      text-align: center;
      padding: 0;
      margin: 0;
      font-size: 3.2vw;
      line-height: 3.2vw;
    }

    #closeCookieConsent {
        float: right;
        display: inline-block;
        cursor: pointer;
        height: 3.5vw;
        width: 3.5vw;
        margin: 0.75vw 2vw 0 0;
        font-weight: bold;
    }
    #closeCookieConsent:hover {
        color: #FFF;
    }
    #cookieConsent a.cookieConsentOK {
        background-color: #db773e;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        padding: 2.5vw 2.5vw;
        cursor: pointer;
        float: none;
        margin: 3vw 3vw 3vw 42.5%;
        text-align: center;
    }
    #cookieConsent a.cookieConsentOK:hover {
        background-color: #d2560f;
    }

    #galerij {
      top: -10vw;
    }

    #privacyverklaring {
      top: -20vw;
    }

    #lichtadvies {
      top: 70vw;
    }

    #maatwerk {
      top:15vw;
    }

    #openingstijden {
      top: -20vw;
    }

    #cookiestatement {
      top: -20vw;
    }

    #contact {
      top: -10vw;
    }

    #disclaimer {
      top: -20vw;
    }

    .galerij-dot-div {
      bottom: -123.5vw;
    }

    .galerij-dot {
      cursor: pointer;
      height: 2.5vw;
      width: 2.5vw;
      margin: 0 2.5vw;
    }

    .galerij-div h2 {
      margin: 0;
      padding: 0;
      font-size: 6vw;
    }

    .galerij-i {
      font-size: 7vw;
      position: relative;
      bottom: 0vw;
    }

    #sfeerimpressiesbar1 {
      width: 42.5vw;
      height: 0.15vw;
      border-radius: 0.5vw;
      background-color: #D2560F;
      margin-bottom: 3vw;
      float:left;
    }

    .footer-copyright {
      position: relative;
      bottom: 0vw;
    }

    .footer-copyright p {
      font-size: 3vw;
      color: #A9A9A9;
      text-align: center;
    }

    .footer-copyright .copyright {
      position: absolute;
      bottom: -69.5vw;
      left: 0%;
      height: 10px;
      width: 100%;
    }

    .footer-copyright .developer {
      position: absolute;
      bottom: -74.5vw;
      left: 0%;
      height: 10px;
      width: 100%;
    }

    .footer-copyright .divider {
      display: none;
    }

    .privacyverklaring-text p {
      width: 75%;
      margin: auto;
      padding-top: 1.5vw;;
      font-size: 3vw;
    }
    .privacyverklaring-text h1 {
      font-size: 5vw;
    }

    .privacyverklaring-text h1{
      text-align: center;
      font-weight: bold;
    }

    .privacyverklaring-text h1 a{
      color: #000;

    }

    .privacyverklaring-text h1 a:hover{
      color: #000;
    }

    .privacyverklaring-text h2 {
      padding-top: 60px;
      font-size: 4vw;
      text-align: left;
      width: 75%;
      margin: auto;
      font-weight: 400;
    }

    .privacyverklaring-text li {
      width: 100%;
      margin: auto;
      font-size: 3vw;
    }

    .privacyverklaring-text ul {
      width: 75%;
      margin: auto;
      font-size: 3vw;
    }

    .modal {
      padding-top: 75px;
    }

    .modal-content {
      width: 80%;
    }
}

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #myBtn {
      display: none; /* Hidden by default */
      position: fixed; /* Fixed/sticky position */
      bottom: 1.5vw; /* Place the button at the bottom of the page */
      right: 1.5vw; /* Place the button 30px from the right */
      z-index: 99; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      background: none; /* Set a background color */
      color: #D2560F; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 0.75vw; /* Some padding */
      border-radius: 0.5vw; /* Rounded corners */
      font-size: 7vw; /* Increase font size */
    }

    .header {
      height: 120vw;
    }

    .logo {
      width: 10.5vw;
      height: 10.5vw;
    }

    .nav-balk {
      height: 10.5vw;
      left: 10.5vw;
    }

    .black-bar {
      width: 10.5vw;
      height: 13.5vw;
    }

    .logo-text {
      top: 10.5vw;
      left: 0.2vw;
      font-size: 2.2vw;
    }

    .title-section {
      top: 46vw;
    }

    .title {
      font-size: 11vw;
      margin-bottom: 4.5vw;
    }

    .under-title {
      font-size: 5.5vw;
      margin-top: 4.5vw;
    }

    .under-title-new-year {
      font-size: 6vw;
      margin-top: 0vw;
    }

    #bar1 {
      width: 100%;
      height: 1.5vw;
      margin: 0 auto;
      background-color: #D2560F;
    }

    .dropbtn {
      right: 3vw;
      letter-spacing: 1vw;
      padding: 1.8vw;
      font-size: 4.75vw;
      width: 10.5vw;
    }

    .dropbtn img {
      margin-left: 1vw;
      height: 20vw;
    }

    .dropdown-content {
      top: 10.5vw;
      right: 0vw;
      width: 40.5vw;
      font-size: 4.5vw;
      box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0,0,0,0.2);
      border-radius: 0 0 1.5vw 1.5vw;
    }

    .sfeerimpressie {
      background-color: #F5F4F2;
      width: 100%;
      height: 240vw;
      margin-top: 5vw;
      overflow: hidden;
    }

    .slideshow-container {
      position: relative;
      box-sizing: border-box;
      height: 15vw;
      margin-top: 15vw;
    }

    .dot-div {
      left: 0vw;
      bottom: -32vw;
    }

    .dot {
      cursor: pointer;
      height: 2.5vw;
      width: 2.5vw;
      margin: 0 0.5vw;
      margin-top: 1.5vw;
    }

    .sfeerimpressie-text1 {
      margin-left: 5%;
      padding-top: 0vw;
      width: 90%;
    }

    .sfeerimpressie-text1 h1 {
      font-size: 6vw;
      margin-bottom: 0.2vw;
    }

    .sfeerimpressie-text1 p {
      font-size: 2.7vw;
      margin-top: 3vw;
      width: 80%;
    }

    #impressie-bar {
      width: 100%;
      height: 0.45vw;
      border-radius: 1vw;
      background-color: #D2560F;
    }

    #bar2 {
      width: 100%;
      height: 0.45vw;
      border-radius: 1vw;
      background-color: #D2560F;
    }

    .sfeerimpressie_href1 {
      position: absolute;
      left: 65vw;
      bottom: -11vw;
      color:#D2560F
    }

    .sfeerimpressie_href2 {
      position: absolute;
      left: 63vw;
      bottom: -11vw;
      color:#D2560F
    }

    .sfeerimpressie_href3 {
      position: absolute;
      left: 64vw;
      bottom: -13vw;
      color:#D2560F
    }

    .sfeerimpressie_href1 a, .sfeerimpressie_href2 a, .sfeerimpressie_href3 a {
      font-size: 2.5vw;
    }

    .sfeerimpressiekader1 {
      position: relative;
      left: 3.33%;
      bottom: -60vw;
    }

    .sfeerimpressiekader1_1 {
      position: relative;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader1_2 {
      position: relative;
      max-width: 7.5%;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader2 {
      position: relative;
      left:5%;
      bottom: -50vw;
    }

    .sfeerimpressiekader2_1 {
      position: relative;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader2_2 {
      position: relative;
      max-width: 10%;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader3 {
      position: relative;
      left:7%;
      bottom: -50vw;
    }

    .sfeerimpressiekader3_1 {
      position: relative;
      left: 0%;
      bottom: -7.5vw;
    }

    .sfeerimpressiekader3_2 {
      position: relative;
      max-width: 50%;
      left: 0%;
      bottom: -7.5vw;
    }

    .img1_1 {
      width: 62%;
      height: auto;
      position: absolute;
      left: 0px;
      bottom: 0px;
    }

    .img1_2 {
      width: 350%;
      height: auto;
      float: left;
      position: absolute;
      left: 63vw;
      bottom: 0vw;
    }

    .img1_3 {
      width: 350%;
      height: auto;
      float: left;
      position: absolute;
      left: 63vw;
      bottom: 20.5vw;
    }

    .img2_1 {
      width: 25%;
      height: auto;
      position: absolute;
      left: 0%;
      bottom: 0%;
    }

    .img2_2 {
      width: 256%;
      height: auto;
      position: absolute;
      left: 30vw;
      bottom: 0vw;
    }

    .img2_3 {
      width: 255%;
      height: auto;
      position: absolute;
      left: 60vw;
      bottom: 0%;
    }

    .img3_1 {
      width: 22.5%;
      height: auto;
      position: absolute;
      left: 0%;
      bottom: 0%;
    }

    .img3_2 {
      width: 52.1%;
      height: auto;
      position: absolute;
      left: 20vw;
      bottom: 0vw;
    }

    .img3_3 {
      width: 87%;
      height: auto;
      position: absolute;
      left: 42.5vw;
      bottom: 0%;
    }

    #stylebar1_1 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: -1vw;
      bottom: 20vw;
      background-color: #D2560F;
    }

    #stylebar1_2 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: -1vw;
      bottom: 39vw;
      background-color: #D2560F;
    }

    #stylebar2_1 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: -1vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar2_2 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: -1vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar3_1 {
      width: 0.3vw;
      height: 22.4vw;
      position: absolute;
      left: -1vw;
      bottom: 12.33vw;
      background-color: #D2560F;
    }

    #stylebar3_2 {
      width: 22.4vw;
      height: 0.25vw;
      position: absolute;
      left: -1vw;
      bottom: 34.8vw;
      background-color: #D2560F;
    }

    #stylebar3_3 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: 86.5vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar3_4 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: 67.5vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    .lichtadvies-img {
      z-index: 2;
      width: 150%;
      height: auto;
      position: absolute;
      left: 7.5%;
      bottom: -100vw;
    }

    .lichtadvies-vak1 {
      z-index: 2;
      width: 60%;
      float: none;
      margin-top: 0vw;
    }

    .lichtadvies-vak2 {
      z-index: 2;
      width: 80%;
      height: auto;
      float: none;
      margin-left: 10%;
    }

    .lichtadvies-vak2 h1 {
      z-index: 2;
      color: black;
      font-size: 6vw;
      font-weight: 300;
      margin: auto;
      margin-bottom: 0.2vw;
      overflow: hidden;
      text-align: center;
    }

    .lichtadvies-vak2 p {
      z-index: 2;
      font-size: 2.5vw;
      margin-top:1vw;
      margin-bottom: 1vw;
      padding: 0;
    }

    .lichtadvies {
      height: 50vw;
      width: 100%;
      margin-left: 0%;
      margin-top: 90vw;
    }

    .maatwerk {
      font-family: 'Roboto', sans-serif;
      background-color: #b4a192;
      width: 100%;
      height: 180vw;
      overflow: hidden;
    }

    .maatwerk-text {
      position: relative;
      top: 30vw;
      left: 0%;
      width: 100%;
      color: black;
      text-align: center;
    }

    .maatwerk-text h1 {
      font-size: 6vw;
      margin: auto;
      font-weight: 400;
    }

    .maatwerk-text p {
      font-size: 2.5vw;
      text-align: center;
      margin: auto;
      margin-top: 3vw;
      margin-bottom: 0vw;
      width: 80%;
    }

    #maatwerk-bar {
      width: 100%;
      height: 0.45vw;
      background-color: #D2560F;
    }

    .maatwerk-img-div {
      width: 55%;
      height: 25%;
      position: relative;
      top: 0vw;
      left: -7.5%;
    }

    .maatwerk-img1 {
      width: 70%;
      margin-left: 0%;
      margin-top: 0%;
      height: auto;
      position: absolute;
      top: 27.5vw;
      left: 17.5%;
    }

    .maatwerk-img2 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 6.5vw;
      left: 88%;
    }

    .maatwerk-img3 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 22.5vw;
      left: 140%;
    }

    .maatwerk-img4 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 45vw;
      left: 88%;
    }

    .box {
      width: 60%;
      margin-left: 20%;
      padding: 0.5vw;
      margin-top: 3vw;
    }

    .box h2 {
      font-size: 3.2vw;
      font-weight: 300;
      text-align: left;
      padding: 0;
      color: #D2560F;
      margin: 0;
    }

    .box p {
      width: 99%;
      padding: 0;
      margin: 0;
    }

    .contact {
      width: 100%;
      height: 150vw;
    }

    .contact-text {
      margin-left: 17.5%;
      width: 65%;
      padding-top: 7.5vw;
    }

    .contact-title-2 {
      padding-top: 3vw;
    }

    .contact-title-1-child h1 {
      width: 100%;
      font-size: 5vw;
      padding: 0.4vw;
      margin: auto;
    }

    .contact-text p {
      font-size: 2.2vw;
      width: 100%;
      padding: 0px;
      margin: 0;
    }

    .locatie-sectie {
      padding-top: 3vw;
      width: 100%;
      height: 70vw;
    }

    .locatie-sectie-text {
      width: 100%;
      height: 17.5vw;
      float: left;
      text-align: left;
      padding-left: 0px;
      padding-top: 5vw;
    }

    .locatie-sectie-text i {
      font-size: 2vw;
      display: flex;
      align-items: center;
      float:left;
      padding-bottom: 5.5vw;
      color: #D2560F;
      height: 4vw;
      width: 100%;
    }

    .locatie-sectie-text i p{
      font-family: 'Roboto', sans-serif;
      text-align: left;
      font-size: 1.8vw;
      font-weight: 300;
      display: flex;
      float:left;
      align-items: center;
      color: black;
      padding-left: 1vw;
    }

    .locatie-sectie-text i p a{
      font-family: 'Roboto', sans-serif;
      text-align: left;
      font-size: 1.8vw;
      font-weight: 300;
      display: flex;
      float:left;
      align-items: center;
      color: black;
    }

    .locatie-sectie-kader-content {
      margin-top: 8.5%;
      width: 100%;
      height: 97.5%;
    }

    #locatiebar {
      width: 100%;
      height: 0.3vw;
      position: absolute;
      bottom: 0px;
      left: 0px;
      background-color: #D2560F;
    }

    .map-div {
      width: 100%;
      height: 55vw;
      margin-top: -20vw;
      float:left;
    }

    .map {
      height: 100%;
      width: 100%;
      background-color: #D2560F;
    }

    .map-frame {
      height: 99.65%;
      width: 99.65%;
      padding-top: 0.35%;
      padding-left: 0.35%;
    }

    .openingstijden {
      font-family: 'Roboto', sans-serif;
      background-color: #F5F4F2;
      width: 100%;
      height: 130vw;
      overflow-y: hidden;
    }

    .openingstijden_text {
      position: relative;
      width: 80vw;
      height: 60vw;
      left: 10vw;
      bottom: 0vw;
    }

    .openingstijden_text_title {
      width: 90%;
      margin-right: 5%;
      margin-left: 5%;
      margin: auto;
      padding-top: 3vw;
    }

    .openingstijden_text_title h1 {
      padding: 0;
      margin-bottom: 0.15vw;
      font-size: 5vw;
    }

    .openingstijden_column p {
      color:#D2560F;
      font-size: 2.7vw;
      font-weight: 300;
    }

    .openingstijden_row {
      float: left;
      width: 50%;
      height: 10vw;
    }

    .openingstijden_column {
      float: left;
      width: 50%;
      height: 10vw;
    }

    .openingstijden_row p {
      font-size: 2.7vw;
      font-weight: 300;
      padding-top: 0.8vw;
      padding-bottom: 0.8vw;
    }

    .openingstijden_text_info p {
      font-size: 2.7vw;
      padding-top: 0.8vw;
      padding-bottom: 0.8vw;
      margin-bottom: 0;
    }

    .slideShowContainer2 {
      position: relative;
      left: 0vw;
    }

    .dot-div2 {
      position: absolute;
      left: 41vw;
      top: 117.5vw;
    }

    .dot2 {
      cursor: pointer;
      height: 3vw;
      width: 3vw;
      margin: 0 0.75vw;
      margin-top: 2.5vw;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }

    .active, .dot2:hover {
      background-color: #D2560F;
    }

    .openingstijden_img1 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img2 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img3 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img4 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }


    .footer {
      font-family: 'Roboto', sans-serif;
      color: white;
      background-color: #1F1A17;
      width: 100%;
      max-height: 30vw;
    }

    .footer-title {
      width: 90%;
      float: left;
      text-align: center;
      margin: 0;
      margin-left: 10%;
      padding: 0;
    }

    .footer-title h1 {
      font-family: 'Roboto', sans-serif;
      float: left;
      padding-left: 3vw;
      color: white;
      margin-bottom: 0vw;
      margin-top: 0.5vw;
      letter-spacing: 0.15em;
      display: block;
      font-size: 7vw;
      text-align:center;
    }

    .footer-links {
      width: 100%;
      height: 20vw;
      float: left;
      position: relative;
      display:block;
      align-items: center;
      justify-content: center;
      margin-top: 3vw;
    }

    .footer-a-first {
      font-family: 'Roboto', sans-serif;
      text-align: center;
      font-size: 4.5vw;
      color: white;
      margin-left: 0%;
      margin-top: 2vw;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.15em;
      position: relative;
      float: left;
      width: 100%;
    }

    .footer-a {
      font-family: 'Roboto', sans-serif;
      text-align: center;
      font-size: 4.5vw;
      color: white;
      margin-left: 0%;
      margin-top: 2vw;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.15em;
      position: relative;
      float: left;
      width: 100%;
    }

    .footer-a:after {
      background: none repeat scroll 0 0 transparent;
      bottom: 0;
      content: "";
      display: block;
      height: 0.1vw;
      left: 50%;
      position: absolute;
      background-color: #D2560F;
      transition: width 0.3s ease 0s, left 0.3s ease 0s;
      width: 0;
    }

    .footer-a:hover {
      color: white;
    }

    .footer-a:hover:after {
      width: 0%;
      left: 0;
    }

    .footer-sfeerimpressie-i {
      font-size: 4.5vw;
    }

    /*Cookie Consent Begin*/
    #cookieConsent {
        background-color: rgba(20,20,20,0.8);
        min-height: 4vw;
        font-size: 2.7vw;
        color: #ccc;
        line-height: 1.75vw;
        padding: 0;
        font-family: "Trebuchet MS",Helvetica,sans-serif;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        z-index: 9999;
    }
    #cookieConsent a {
        color: #4B8EE7;
        text-decoration: none;
    }

    #cookieConsent p{
      margin: 0;
    }

    #cookieText {
      float: left;
      width: 100%;
      text-align: center;
      padding: 0;
      margin: 0;
      font-size: 3.2vw;
      line-height: 3.2vw;
    }

    #closeCookieConsent {
        float: right;
        display: inline-block;
        cursor: pointer;
        height: 3.5vw;
        width: 3.5vw;
        margin: 0.75vw 2vw 0 0;
        font-weight: bold;
    }
    #closeCookieConsent:hover {
        color: #FFF;
    }
    #cookieConsent a.cookieConsentOK {
        background-color: #db773e;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        padding: 2.5vw 2.5vw;
        cursor: pointer;
        float: none;
        margin: 3vw 3vw 3vw 42.5%;
        text-align: center;
    }
    #cookieConsent a.cookieConsentOK:hover {
        background-color: #d2560f;
    }

    #galerij {
      top: -10vw;
    }

    #privacyverklaring {
      top: -20vw;
    }

    #lichtadvies {
      top: 70vw;
    }

    #maatwerk {
      top:15vw;
    }

    #openingstijden {
      top: -20vw;
    }

    #cookiestatement {
      top: -20vw;
    }

    #contact {
      top: -10vw;
    }

    #disclaimer {
      top: -20vw;
    }

    .galerij-dot-div {
      bottom: -123.5vw;
    }

    .galerij-dot {
      cursor: pointer;
      height: 2.5vw;
      width: 2.5vw;
      margin: 0 2.5vw;
    }

    .galerij-div h2 {
      margin: 0;
      padding: 0;
      font-size: 6vw;
    }

    .galerij-i {
      font-size: 7vw;
      position: relative;
      bottom: 0vw;
    }

    #sfeerimpressiesbar1 {
      width: 42.5vw;
      height: 0.15vw;
      border-radius: 0.5vw;
      background-color: #D2560F;
      margin-bottom: 3vw;
      float:left;
    }

    .footer-copyright {
      position: relative;
      bottom: 0vw;
    }

    .footer-copyright p {
      font-size: 3vw;
      color: #A9A9A9;
      text-align: center;
    }

    .footer-copyright .copyright {
      position: absolute;
      bottom: -69.5vw;
      left: 0%;
      height: 10px;
      width: 100%;
    }

    .footer-copyright .developer {
      position: absolute;
      bottom: -74.5vw;
      left: 0%;
      height: 10px;
      width: 100%;
    }

    .footer-copyright .divider {
      display: none;
    }

    .privacyverklaring-text p {
      width: 75%;
      margin: auto;
      padding-top: 1.5vw;;
      font-size: 3vw;
    }
    .privacyverklaring-text h1 {
      font-size: 5vw;
    }

    .privacyverklaring-text h1{
      text-align: center;
      font-weight: bold;
    }

    .privacyverklaring-text h1 a{
      color: #000;

    }

    .privacyverklaring-text h1 a:hover{
      color: #000;
    }

    .privacyverklaring-text h2 {
      padding-top: 60px;
      font-size: 4vw;
      text-align: left;
      width: 75%;
      margin: auto;
      font-weight: 400;
    }

    .privacyverklaring-text li {
      width: 100%;
      margin: auto;
      font-size: 3vw;
    }

    .privacyverklaring-text ul {
      width: 75%;
      margin: auto;
      font-size: 3vw;
    }

    .modal {
      padding-top: 75px;
    }

    .modal-content {
      width: 80%;
    }

}

@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #myBtn {
      display: none; /* Hidden by default */
      position: fixed; /* Fixed/sticky position */
      bottom: 1.5vw; /* Place the button at the bottom of the page */
      right: 1.5vw; /* Place the button 30px from the right */
      z-index: 99; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      background: none; /* Set a background color */
      color: #D2560F; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 0.75vw; /* Some padding */
      border-radius: 0.5vw; /* Rounded corners */
      font-size: 7vw; /* Increase font size */
    }

    .header {
      height: 120vw;
    }

    .logo {
      width: 10.5vw;
      height: 10.5vw;
    }

    .nav-balk {
      height: 10.5vw;
      left: 10.5vw;
    }

    .black-bar {
      width: 10.5vw;
      height: 13.5vw;
    }

    .logo-text {
      top: 10.5vw;
      left: 0.2vw;
      font-size: 2.2vw;
    }

    .title-section {
      top: 46vw;
    }

    .title {
      font-size: 11vw;
      margin-bottom: 4.5vw;
    }

    .under-title {
      font-size: 5.5vw;
      margin-top: 4.5vw;
    }

    .under-title-new-year {
      font-size: 6vw;
      margin-top: 0vw;
    }

    #bar1 {
      width: 100%;
      height: 1.5vw;
      margin: 0 auto;
      background-color: #D2560F;
    }

    .dropbtn {
      right: 3vw;
      letter-spacing: 1vw;
      padding: 1.8vw;
      font-size: 4.75vw;
      width: 10.5vw;
    }

    .dropbtn img {
      margin-left: 1vw;
      height: 20vw;
    }

    .dropdown-content {
      top: 10.5vw;
      right: 0vw;
      width: 40.5vw;
      font-size: 4.5vw;
      box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0,0,0,0.2);
      border-radius: 0 0 1.5vw 1.5vw;
    }

    .sfeerimpressie {
      background-color: #F5F4F2;
      width: 100%;
      height: 240vw;
      margin-top: 5vw;
      overflow: hidden;
    }

    .slideshow-container {
      position: relative;
      box-sizing: border-box;
      height: 15vw;
      margin-top: 15vw;
    }

    .dot-div {
      left: 0vw;
      bottom: -32vw;
    }

    .dot {
      cursor: pointer;
      height: 2.5vw;
      width: 2.5vw;
      margin: 0 0.5vw;
      margin-top: 1.5vw;
    }

    .sfeerimpressie-text1 {
      margin-left: 5%;
      padding-top: 0vw;
      width: 90%;
    }

    .sfeerimpressie-text1 h1 {
      font-size: 6vw;
      margin-bottom: 0.2vw;
    }

    .sfeerimpressie-text1 p {
      font-size: 2.7vw;
      margin-top: 3vw;
      width: 80%;
    }

    #impressie-bar {
      width: 100%;
      height: 0.45vw;
      border-radius: 1vw;
      background-color: #D2560F;
    }

    #bar2 {
      width: 100%;
      height: 0.45vw;
      border-radius: 1vw;
      background-color: #D2560F;
    }

    .sfeerimpressie_href1 {
      position: absolute;
      left: 65vw;
      bottom: -11vw;
      color:#D2560F
    }

    .sfeerimpressie_href2 {
      position: absolute;
      left: 63vw;
      bottom: -11vw;
      color:#D2560F
    }

    .sfeerimpressie_href3 {
      position: absolute;
      left: 64vw;
      bottom: -13vw;
      color:#D2560F
    }

    .sfeerimpressie_href1 a, .sfeerimpressie_href2 a, .sfeerimpressie_href3 a {
      font-size: 2.5vw;
    }

    .sfeerimpressiekader1 {
      position: relative;
      left: 3.33%;
      bottom: -60vw;
    }

    .sfeerimpressiekader1_1 {
      position: relative;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader1_2 {
      position: relative;
      max-width: 7.5%;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader2 {
      position: relative;
      left:5%;
      bottom: -50vw;
    }

    .sfeerimpressiekader2_1 {
      position: relative;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader2_2 {
      position: relative;
      max-width: 10%;
      left: 0%;
      bottom: -5vw;
    }

    .sfeerimpressiekader3 {
      position: relative;
      left:7%;
      bottom: -50vw;
    }

    .sfeerimpressiekader3_1 {
      position: relative;
      left: 0%;
      bottom: -7.5vw;
    }

    .sfeerimpressiekader3_2 {
      position: relative;
      max-width: 50%;
      left: 0%;
      bottom: -7.5vw;
    }

    .img1_1 {
      width: 62%;
      height: auto;
      position: absolute;
      left: 0px;
      bottom: 0px;
    }

    .img1_2 {
      width: 350%;
      height: auto;
      float: left;
      position: absolute;
      left: 63vw;
      bottom: 0vw;
    }

    .img1_3 {
      width: 350%;
      height: auto;
      float: left;
      position: absolute;
      left: 63vw;
      bottom: 20.5vw;
    }

    .img2_1 {
      width: 25%;
      height: auto;
      position: absolute;
      left: 0%;
      bottom: 0%;
    }

    .img2_2 {
      width: 256%;
      height: auto;
      position: absolute;
      left: 30vw;
      bottom: 0vw;
    }

    .img2_3 {
      width: 255%;
      height: auto;
      position: absolute;
      left: 60vw;
      bottom: 0%;
    }

    .img3_1 {
      width: 22.5%;
      height: auto;
      position: absolute;
      left: 0%;
      bottom: 0%;
    }

    .img3_2 {
      width: 52.1%;
      height: auto;
      position: absolute;
      left: 20vw;
      bottom: 0vw;
    }

    .img3_3 {
      width: 87%;
      height: auto;
      position: absolute;
      left: 42.5vw;
      bottom: 0%;
    }

    #stylebar1_1 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: -1vw;
      bottom: 20vw;
      background-color: #D2560F;
    }

    #stylebar1_2 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: -1vw;
      bottom: 39vw;
      background-color: #D2560F;
    }

    #stylebar2_1 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: -1vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar2_2 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: -1vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar3_1 {
      width: 0.3vw;
      height: 22.4vw;
      position: absolute;
      left: -1vw;
      bottom: 12.33vw;
      background-color: #D2560F;
    }

    #stylebar3_2 {
      width: 22.4vw;
      height: 0.25vw;
      position: absolute;
      left: -1vw;
      bottom: 34.8vw;
      background-color: #D2560F;
    }

    #stylebar3_3 {
      width: 0.3vw;
      height: 19vw;
      position: absolute;
      left: 86.5vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    #stylebar3_4 {
      width: 19vw;
      height: 0.3vw;
      position: absolute;
      left: 67.5vw;
      bottom: -1vw;
      background-color: #D2560F;
    }

    .lichtadvies-img {
      z-index: 2;
      width: 150%;
      height: auto;
      position: absolute;
      left: 7.5%;
      bottom: -100vw;
    }

    .lichtadvies-vak1 {
      z-index: 2;
      width: 60%;
      float: none;
      margin-top: 0vw;
    }

    .lichtadvies-vak2 {
      z-index: 2;
      width: 80%;
      height: auto;
      float: none;
      margin-left: 10%;
    }

    .lichtadvies-vak2 h1 {
      z-index: 2;
      color: black;
      font-size: 6vw;
      font-weight: 300;
      margin: auto;
      margin-bottom: 0.2vw;
      overflow: hidden;
      text-align: center;
    }

    .lichtadvies-vak2 p {
      z-index: 2;
      font-size: 2.5vw;
      margin-top:1vw;
      margin-bottom: 1vw;
      padding: 0;
    }

    .lichtadvies {
      height: 50vw;
      width: 100%;
      margin-left: 0%;
      margin-top: 90vw;
    }

    .maatwerk {
      font-family: 'Roboto', sans-serif;
      background-color: #b4a192;
      width: 100%;
      height: 180vw;
      overflow: hidden;
    }

    .maatwerk-text {
      position: relative;
      top: 30vw;
      left: 0%;
      width: 100%;
      color: black;
      text-align: center;
    }

    .maatwerk-text h1 {
      font-size: 6vw;
      margin: auto;
      font-weight: 400;
    }

    .maatwerk-text p {
      font-size: 2.5vw;
      text-align: center;
      margin: auto;
      margin-top: 3vw;
      margin-bottom: 0vw;
      width: 80%;
    }

    #maatwerk-bar {
      width: 100%;
      height: 0.45vw;
      background-color: #D2560F;
    }

    .maatwerk-img-div {
      width: 55%;
      height: 25%;
      position: relative;
      top: 0vw;
      left: -7.5%;
    }

    .maatwerk-img1 {
      width: 70%;
      margin-left: 0%;
      margin-top: 0%;
      height: auto;
      position: absolute;
      top: 27.5vw;
      left: 17.5%;
    }

    .maatwerk-img2 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 6.5vw;
      left: 88%;
    }

    .maatwerk-img3 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 22.5vw;
      left: 140%;
    }

    .maatwerk-img4 {
      width: 50%;
      margin-left: 2%;
      margin-top: 2%;
      height: auto;
      position: absolute;
      top: 45vw;
      left: 88%;
    }

    .box {
      width: 60%;
      margin-left: 20%;
      padding: 0.5vw;
      margin-top: 3vw;
    }

    .box h2 {
      font-size: 3.2vw;
      font-weight: 300;
      text-align: left;
      padding: 0;
      color: #D2560F;
      margin: 0;
    }

    .box p {
      width: 99%;
      padding: 0;
      margin: 0;
    }

    .contact {
      width: 100%;
      height: 150vw;
    }

    .contact-text {
      margin-left: 17.5%;
      width: 65%;
      padding-top: 7.5vw;
    }

    .contact-title-2 {
      padding-top: 3vw;
    }

    .contact-title-1-child h1 {
      width: 100%;
      font-size: 5vw;
      padding: 0.4vw;
      margin: auto;
    }

    .contact-text p {
      font-size: 2.2vw;
      width: 100%;
      padding: 0px;
      margin: 0;
    }

    .locatie-sectie {
      padding-top: 3vw;
      width: 100%;
      height: 70vw;
    }

    .locatie-sectie-text {
      width: 100%;
      height: 17.5vw;
      float: left;
      text-align: left;
      padding-left: 0px;
      padding-top: 5vw;
    }

    .locatie-sectie-text i {
      font-size: 2vw;
      display: flex;
      align-items: center;
      float:left;
      padding-bottom: 5.5vw;
      color: #D2560F;
      height: 4vw;
      width: 100%;
    }

    .locatie-sectie-text i p{
      font-family: 'Roboto', sans-serif;
      text-align: left;
      font-size: 1.8vw;
      font-weight: 300;
      display: flex;
      float:left;
      align-items: center;
      color: black;
      padding-left: 1vw;
    }

    .locatie-sectie-text i p a{
      font-family: 'Roboto', sans-serif;
      text-align: left;
      font-size: 1.8vw;
      font-weight: 300;
      display: flex;
      float:left;
      align-items: center;
      color: black;
    }

    .locatie-sectie-kader-content {
      margin-top: 8.5%;
      width: 100%;
      height: 97.5%;
    }

    #locatiebar {
      width: 100%;
      height: 0.3vw;
      position: absolute;
      bottom: 0px;
      left: 0px;
      background-color: #D2560F;
    }

    .map-div {
      width: 100%;
      height: 55vw;
      margin-top: -20vw;
      float:left;
    }

    .map {
      height: 100%;
      width: 100%;
      background-color: #D2560F;
    }

    .map-frame {
      height: 99.65%;
      width: 99.65%;
      padding-top: 0.35%;
      padding-left: 0.35%;
    }

    .openingstijden {
      font-family: 'Roboto', sans-serif;
      background-color: #F5F4F2;
      width: 100%;
      height: 130vw;
      overflow-y: hidden;
    }

    .openingstijden_text {
      position: relative;
      width: 80vw;
      height: 60vw;
      left: 10vw;
      bottom: 0vw;
    }

    .openingstijden_text_title {
      width: 90%;
      margin-right: 5%;
      margin-left: 5%;
      margin: auto;
      padding-top: 3vw;
    }

    .openingstijden_text_title h1 {
      padding: 0;
      margin-bottom: 0.15vw;
      font-size: 5vw;
    }

    .openingstijden_column p {
      color:#D2560F;
      font-size: 2.7vw;
      font-weight: 300;
    }

    .openingstijden_row {
      float: left;
      width: 50%;
      height: 10vw;
    }

    .openingstijden_column {
      float: left;
      width: 50%;
      height: 10vw;
    }

    .openingstijden_row p {
      font-size: 2.7vw;
      font-weight: 300;
      padding-top: 0.8vw;
      padding-bottom: 0.8vw;
    }

    .openingstijden_text_info p {
      font-size: 2.7vw;
      padding-top: 0.8vw;
      padding-bottom: 0.8vw;
      margin-bottom: 0;
    }

    .slideShowContainer2 {
      position: relative;
      left: 0vw;
    }

    .dot-div2 {
      position: absolute;
      left: 41vw;
      top: 117.5vw;
    }

    .dot2 {
      cursor: pointer;
      height: 3vw;
      width: 3vw;
      margin: 0 0.75vw;
      margin-top: 2.5vw;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }

    .active, .dot2:hover {
      background-color: #D2560F;
    }


    .openingstijden_img1 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img2 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img3 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }

    .openingstijden_img4 {
      display: none;
      width: 80vw;
      height: auto;
      position: absolute;
      left: 10vw;
      bottom: -117.5vw;
    }


    .footer {
      font-family: 'Roboto', sans-serif;
      color: white;
      background-color: #1F1A17;
      width: 100%;
      max-height: 30vw;
    }

    .footer-title {
      width: 90%;
      float: left;
      text-align: center;
      margin: 0;
      margin-left: 10%;
      padding: 0;
    }

    .footer-title h1 {
      font-family: 'Roboto', sans-serif;
      float: left;
      padding-left: 3vw;
      color: white;
      margin-bottom: 0vw;
      margin-top: 0.5vw;
      letter-spacing: 0.15em;
      display: block;
      font-size: 7vw;
      text-align:center;
    }

    .footer-links {
      width: 100%;
      height: 20vw;
      float: left;
      position: relative;
      display:block;
      align-items: center;
      justify-content: center;
      margin-top: 3vw;
    }

    .footer-a-first {
      font-family: 'Roboto', sans-serif;
      text-align: center;
      font-size: 4.5vw;
      color: white;
      margin-left: 0%;
      margin-top: 2vw;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.15em;
      position: relative;
      float: left;
      width: 100%;
    }

    .footer-a {
      font-family: 'Roboto', sans-serif;
      text-align: center;
      font-size: 4.5vw;
      color: white;
      margin-left: 0%;
      margin-top: 2vw;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.15em;
      position: relative;
      float: left;
      width: 100%;
    }

    .footer-a:after {
      background: none repeat scroll 0 0 transparent;
      bottom: 0;
      content: "";
      display: block;
      height: 0.1vw;
      left: 50%;
      position: absolute;
      background-color: #D2560F;
      transition: width 0.3s ease 0s, left 0.3s ease 0s;
      width: 0;
    }

    .footer-a:hover {
      color: white;
    }

    .footer-a:hover:after {
      width: 0%;
      left: 0;
    }

    .footer-sfeerimpressie-i {
      font-size: 4.5vw;
    }

    /*Cookie Consent Begin*/
    #cookieConsent {
        background-color: rgba(20,20,20,0.8);
        min-height: 4vw;
        font-size: 2.7vw;
        color: #ccc;
        line-height: 1.75vw;
        padding: 0;
        font-family: "Trebuchet MS",Helvetica,sans-serif;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        z-index: 9999;
    }
    #cookieConsent a {
        color: #4B8EE7;
        text-decoration: none;
    }

    #cookieConsent p{
      margin: 0;
    }

    #cookieText {
      float: left;
      width: 100%;
      text-align: center;
      padding: 0;
      margin: 0;
      font-size: 3.2vw;
      line-height: 3.2vw;
    }

    #closeCookieConsent {
        float: right;
        display: inline-block;
        cursor: pointer;
        height: 3.5vw;
        width: 3.5vw;
        margin: 0.75vw 2vw 0 0;
        font-weight: bold;
    }
    #closeCookieConsent:hover {
        color: #FFF;
    }
    #cookieConsent a.cookieConsentOK {
        background-color: #db773e;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        padding: 2.5vw 2.5vw;
        cursor: pointer;
        float: none;
        margin: 3vw 3vw 3vw 42.5%;
        text-align: center;
    }
    #cookieConsent a.cookieConsentOK:hover {
        background-color: #d2560f;
    }

    #galerij {
      top: -10vw;
    }

    #privacyverklaring {
      top: -20vw;
    }

    #lichtadvies {
      top: 70vw;
    }

    #maatwerk {
      top:15vw;
    }

    #openingstijden {
      top: -20vw;
    }

    #cookiestatement {
      top: -20vw;
    }

    #contact {
      top: -10vw;
    }

    #disclaimer {
      top: -20vw;
    }

    .galerij-dot-div {
      bottom: -123.5vw;
    }

    .galerij-dot {
      cursor: pointer;
      height: 2.5vw;
      width: 2.5vw;
      margin: 0 2.5vw;
    }

    .galerij-div h2 {
      margin: 0;
      padding: 0;
      font-size: 6vw;
    }

    .galerij-i {
      font-size: 7vw;
      position: relative;
      bottom: 0vw;
    }

    #sfeerimpressiesbar1 {
      width: 42.5vw;
      height: 0.15vw;
      border-radius: 0.5vw;
      background-color: #D2560F;
      margin-bottom: 3vw;
      float:left;
    }
    .footer-copyright .copyright {
      position: absolute;
      bottom: -69.5vw;
      left: 0%;
      height: 10px;
      width: 100%;
    }

    .footer-copyright .developer {
      position: absolute;
      bottom: -74.5vw;
      left: 0%;
      height: 10px;
      width: 100%;
    }

    .footer-copyright .divider {
      display: none;
    }

    .privacyverklaring-text p {
      width: 75%;
      margin: auto;
      padding-top: 1.5vw;;
      font-size: 3vw;
    }
    .privacyverklaring-text h1 {
      font-size: 5vw;
    }

    .privacyverklaring-text h1{
      text-align: center;
      font-weight: bold;
    }

    .privacyverklaring-text h1 a{
      color: #000;

    }

    .privacyverklaring-text h1 a:hover{
      color: #000;
    }

    .privacyverklaring-text h2 {
      padding-top: 60px;
      font-size: 4vw;
      text-align: left;
      width: 75%;
      margin: auto;
      font-weight: 400;
    }

    .privacyverklaring-text li {
      width: 100%;
      margin: auto;
      font-size: 3vw;
    }

    .privacyverklaring-text ul {
      width: 75%;
      margin: auto;
      font-size: 3vw;
    }

    .modal {
      padding-top: 75px;
    }

    .modal-content {
      width: 80%;
    }
}


@media only screen and (max-width: 768px) and (orientation: portrait) {

  #myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 1.5vw; /* Place the button at the bottom of the page */
    right: 1.5vw; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background: none; /* Set a background color */
    color: #D2560F; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 0.75vw; /* Some padding */
    border-radius: 0.5vw; /* Rounded corners */
    font-size: 7vw; /* Increase font size */
  }

  .header {
    height: 120vw;
  }

  .logo {
    width: 10.5vw;
    height: 10.5vw;
  }

  .nav-balk {
    height: 10.5vw;
    left: 10.5vw;
  }

  .black-bar {
    width: 10.5vw;
    height: 13.5vw;
  }

  .logo-text {
    top: 10.5vw;
    left: 0.2vw;
    font-size: 2.2vw;
  }

  .title-section {
    top: 46vw;
  }

  .title {
    font-size: 11vw;
    margin-bottom: 4.5vw;
  }

  .under-title {
    font-size: 5.5vw;
    margin-top: 4.5vw;
  }

  .under-title-new-year {
    font-size: 6vw;
    margin-top: 0vw;
  }

  #bar1 {
    width: 100%;
    height: 1.5vw;
    margin: 0 auto;
    background-color: #D2560F;
  }

  .dropbtn {
    right: 3vw;
    letter-spacing: 1vw;
    padding: 1.8vw;
    font-size: 4.75vw;
    width: 10.5vw;
  }

  .dropbtn img {
    margin-left: 1vw;
    height: 20vw;
  }

  .dropdown-content {
    top: 10.5vw;
    right: 0vw;
    width: 40.5vw;
    font-size: 4.5vw;
    box-shadow: 0vw 1.6vw 3.2vw 0vw rgba(0,0,0,0.2);
    border-radius: 0 0 1.5vw 1.5vw;
  }

  .sfeerimpressie {
    background-color: #F5F4F2;
    width: 100%;
    height: 240vw;
    margin-top: 5vw;
    overflow: hidden;
  }

  .slideshow-container {
    position: relative;
    box-sizing: border-box;
    height: 15vw;
    margin-top: 15vw;
  }

  .dot-div {
    left: 0vw;
    bottom: -32vw;
  }

  .dot {
    cursor: pointer;
    height: 2.5vw;
    width: 2.5vw;
    margin: 0 0.5vw;
    margin-top: 1.5vw;
  }

  .sfeerimpressie-text1 {
    margin-left: 5%;
    padding-top: 0vw;
    width: 90%;
  }

  .sfeerimpressie-text1 h1 {
    font-size: 6vw;
    margin-bottom: 0.2vw;
  }

  .sfeerimpressie-text1 p {
    font-size: 2.7vw;
    margin-top: 3vw;
    width: 80%;
  }

  #impressie-bar {
    width: 100%;
    height: 0.45vw;
    border-radius: 1vw;
    background-color: #D2560F;
  }

  #bar2 {
    width: 100%;
    height: 0.45vw;
    border-radius: 1vw;
    background-color: #D2560F;
  }

  .sfeerimpressie_href1 {
    position: absolute;
    left: 65vw;
    bottom: -11vw;
    color:#D2560F
  }

  .sfeerimpressie_href2 {
    position: absolute;
    left: 63vw;
    bottom: -11vw;
    color:#D2560F
  }

  .sfeerimpressie_href3 {
    position: absolute;
    left: 64vw;
    bottom: -13vw;
    color:#D2560F
  }

  .sfeerimpressie_href1 a, .sfeerimpressie_href2 a, .sfeerimpressie_href3 a {
    font-size: 2.5vw;
  }

  .sfeerimpressiekader1 {
    position: relative;
    left: 3.33%;
    bottom: -60vw;
  }

  .sfeerimpressiekader1_1 {
    position: relative;
    left: 0%;
    bottom: -5vw;
  }

  .sfeerimpressiekader1_2 {
    position: relative;
    max-width: 7.5%;
    left: 0%;
    bottom: -5vw;
  }

  .sfeerimpressiekader2 {
    position: relative;
    left:5%;
    bottom: -50vw;
  }

  .sfeerimpressiekader2_1 {
    position: relative;
    left: 0%;
    bottom: -5vw;
  }

  .sfeerimpressiekader2_2 {
    position: relative;
    max-width: 10%;
    left: 0%;
    bottom: -5vw;
  }

  .sfeerimpressiekader3 {
    position: relative;
    left:7%;
    bottom: -50vw;
  }

  .sfeerimpressiekader3_1 {
    position: relative;
    left: 0%;
    bottom: -7.5vw;
  }

  .sfeerimpressiekader3_2 {
    position: relative;
    max-width: 50%;
    left: 0%;
    bottom: -7.5vw;
  }

  .img1_1 {
    width: 62%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }

  .img1_2 {
    width: 350%;
    height: auto;
    float: left;
    position: absolute;
    left: 63vw;
    bottom: 0vw;
  }

  .img1_3 {
    width: 350%;
    height: auto;
    float: left;
    position: absolute;
    left: 63vw;
    bottom: 20.5vw;
  }

  .img2_1 {
    width: 25%;
    height: auto;
    position: absolute;
    left: 0%;
    bottom: 0%;
  }

  .img2_2 {
    width: 256%;
    height: auto;
    position: absolute;
    left: 30vw;
    bottom: 0vw;
  }

  .img2_3 {
    width: 255%;
    height: auto;
    position: absolute;
    left: 60vw;
    bottom: 0%;
  }

  .img3_1 {
    width: 22.5%;
    height: auto;
    position: absolute;
    left: 0%;
    bottom: 0%;
  }

  .img3_2 {
    width: 52.1%;
    height: auto;
    position: absolute;
    left: 20vw;
    bottom: 0vw;
  }

  .img3_3 {
    width: 87%;
    height: auto;
    position: absolute;
    left: 42.5vw;
    bottom: 0%;
  }

  #stylebar1_1 {
    width: 0.3vw;
    height: 19vw;
    position: absolute;
    left: -1vw;
    bottom: 20vw;
    background-color: #D2560F;
  }

  #stylebar1_2 {
    width: 19vw;
    height: 0.3vw;
    position: absolute;
    left: -1vw;
    bottom: 39vw;
    background-color: #D2560F;
  }

  #stylebar2_1 {
    width: 0.3vw;
    height: 19vw;
    position: absolute;
    left: -1vw;
    bottom: -1vw;
    background-color: #D2560F;
  }

  #stylebar2_2 {
    width: 19vw;
    height: 0.3vw;
    position: absolute;
    left: -1vw;
    bottom: -1vw;
    background-color: #D2560F;
  }

  #stylebar3_1 {
    width: 0.3vw;
    height: 22.4vw;
    position: absolute;
    left: -1vw;
    bottom: 12.33vw;
    background-color: #D2560F;
  }

  #stylebar3_2 {
    width: 22.4vw;
    height: 0.25vw;
    position: absolute;
    left: -1vw;
    bottom: 34.8vw;
    background-color: #D2560F;
  }

  #stylebar3_3 {
    width: 0.3vw;
    height: 19vw;
    position: absolute;
    left: 86.5vw;
    bottom: -1vw;
    background-color: #D2560F;
  }

  #stylebar3_4 {
    width: 19vw;
    height: 0.3vw;
    position: absolute;
    left: 67.5vw;
    bottom: -1vw;
    background-color: #D2560F;
  }

  .lichtadvies-img {
    z-index: 2;
    width: 150%;
    height: auto;
    position: absolute;
    left: 7.5%;
    bottom: -100vw;
  }

  .lichtadvies-vak1 {
    z-index: 2;
    width: 60%;
    float: none;
    margin-top: 0vw;
  }

  .lichtadvies-vak2 {
    z-index: 2;
    width: 80%;
    height: auto;
    float: none;
    margin-left: 10%;
  }

  .lichtadvies-vak2 h1 {
    z-index: 2;
    color: black;
    font-size: 6vw;
    font-weight: 300;
    margin: auto;
    margin-bottom: 0.2vw;
    overflow: hidden;
    text-align: center;
  }

  .lichtadvies-vak2 p {
    z-index: 2;
    font-size: 2.5vw;
    margin-top:1vw;
    margin-bottom: 1vw;
    padding: 0;
  }

  .lichtadvies {
    height: 50vw;
    width: 100%;
    margin-left: 0%;
    margin-top: 90vw;
  }

  .maatwerk {
    font-family: 'Roboto', sans-serif;
    background-color: #b4a192;
    width: 100%;
    height: 180vw;
    overflow: hidden;
  }

  .maatwerk-text {
    position: relative;
    top: 30vw;
    left: 0%;
    width: 100%;
    color: black;
    text-align: center;
  }

  .maatwerk-text h1 {
    font-size: 6vw;
    margin: auto;
    font-weight: 400;
  }

  .maatwerk-text p {
    font-size: 2.5vw;
    text-align: center;
    margin: auto;
    margin-top: 3vw;
    margin-bottom: 0vw;
    width: 80%;
  }

  #maatwerk-bar {
    width: 100%;
    height: 0.45vw;
    background-color: #D2560F;
  }

  .maatwerk-img-div {
    width: 55%;
    height: 25%;
    position: relative;
    top: 0vw;
    left: -7.5%;
  }

  .maatwerk-img1 {
    width: 70%;
    margin-left: 0%;
    margin-top: 0%;
    height: auto;
    position: absolute;
    top: 27.5vw;
    left: 17.5%;
  }

  .maatwerk-img2 {
    width: 50%;
    margin-left: 2%;
    margin-top: 2%;
    height: auto;
    position: absolute;
    top: 6.5vw;
    left: 88%;
  }

  .maatwerk-img3 {
    width: 50%;
    margin-left: 2%;
    margin-top: 2%;
    height: auto;
    position: absolute;
    top: 22.5vw;
    left: 140%;
  }

  .maatwerk-img4 {
    width: 50%;
    margin-left: 2%;
    margin-top: 2%;
    height: auto;
    position: absolute;
    top: 45vw;
    left: 88%;
  }

  .box {
    width: 60%;
    margin-left: 20%;
    padding: 0.5vw;
    margin-top: 3vw;
  }

  .box h2 {
    font-size: 3.2vw;
    font-weight: 300;
    text-align: left;
    padding: 0;
    color: #D2560F;
    margin: 0;
  }

  .box p {
    width: 99%;
    padding: 0;
    margin: 0;
  }

  .contact {
    width: 100%;
    height: 150vw;
  }

  .contact-text {
    margin-left: 17.5%;
    width: 65%;
    padding-top: 7.5vw;
  }

  .contact-title-2 {
    padding-top: 3vw;
  }

  .contact-title-1-child h1 {
    width: 100%;
    font-size: 5vw;
    padding: 0.4vw;
    margin: auto;
  }

  .contact-text p {
    font-size: 2.2vw;
    width: 100%;
    padding: 0px;
    margin: 0;
  }

  .locatie-sectie {
    padding-top: 3vw;
    width: 100%;
    height: 70vw;
  }

  .locatie-sectie-text {
    width: 100%;
    height: 17.5vw;
    float: left;
    text-align: left;
    padding-left: 0px;
    padding-top: 5vw;
  }

  .locatie-sectie-text i {
    font-size: 2vw;
    display: flex;
    align-items: center;
    float:left;
    padding-bottom: 5.5vw;
    color: #D2560F;
    height: 4vw;
    width: 100%;
  }

  .locatie-sectie-text i p{
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 1.8vw;
    font-weight: 300;
    display: flex;
    float:left;
    align-items: center;
    color: black;
    padding-left: 1vw;
  }

  .locatie-sectie-text i p a{
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 1.8vw;
    font-weight: 300;
    display: flex;
    float:left;
    align-items: center;
    color: black;
  }

  .locatie-sectie-kader-content {
    margin-top: 8.5%;
    width: 100%;
    height: 97.5%;
  }

  #locatiebar {
    width: 100%;
    height: 0.3vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #D2560F;
  }

  .map-div {
    width: 100%;
    height: 55vw;
    margin-top: -20vw;
    float:left;
  }

  .map {
    height: 100%;
    width: 100%;
    background-color: #D2560F;
  }

  .map-frame {
    height: 99.65%;
    width: 99.65%;
    padding-top: 0.35%;
    padding-left: 0.35%;
  }

  .openingstijden {
    font-family: 'Roboto', sans-serif;
    background-color: #F5F4F2;
    width: 100%;
    height: 130vw;
    overflow-y: hidden;
  }

  .openingstijden_text {
    position: relative;
    width: 80vw;
    height: 60vw;
    left: 10vw;
    bottom: 0vw;
  }

  .openingstijden_text_title {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin: auto;
    padding-top: 3vw;
  }

  .openingstijden_text_title h1 {
    padding: 0;
    margin-bottom: 0.15vw;
    font-size: 5vw;
  }

  .openingstijden_column p {
    color:#D2560F;
    font-size: 2.7vw;
    font-weight: 300;
  }

  .openingstijden_row {
    float: left;
    width: 50%;
    height: 10vw;
  }

  .openingstijden_column {
    float: left;
    width: 50%;
    height: 10vw;
  }

  .openingstijden_row p {
    font-size: 2.7vw;
    font-weight: 300;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
  }

  .openingstijden_text_info p {
    font-size: 2.7vw;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
    margin-bottom: 0;
  }

  .slideShowContainer2 {
    position: relative;
    left: 0vw;
  }

  .openingstijden_img1 {
    display: none;
    width: 80vw;
    height: auto;
    position: absolute;
    left: 10vw;
    bottom: -117.5vw;
  }

  .openingstijden_img2 {
    display: none;
    width: 80vw;
    height: auto;
    position: absolute;
    left: 10vw;
    bottom: -117.5vw;
  }

  .openingstijden_img3 {
    display: none;
    width: 80vw;
    height: auto;
    position: absolute;
    left: 10vw;
    bottom: -117.5vw;
  }

  .openingstijden_img4 {
    display: none;
    width: 80vw;
    height: auto;
    position: absolute;
    left: 10vw;
    bottom: -117.5vw;
  }

  .dot-div2 {
    position: absolute;
    left: 41vw;
    top: 117.5vw;
  }

  .dot2 {
    cursor: pointer;
    height: 3vw;
    width: 3vw;
    margin: 0 0.75vw;
    margin-top: 2.5vw;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .active, .dot2:hover {
    background-color: #D2560F;
  }



  .footer {
    font-family: 'Roboto', sans-serif;
    color: white;
    background-color: #1F1A17;
    width: 100%;
    max-height: 30vw;
  }

  .footer-title {
    width: 90%;
    float: left;
    text-align: center;
    margin: 0;
    margin-left: 10%;
    padding: 0;
  }

  .footer-title h1 {
    font-family: 'Roboto', sans-serif;
    float: left;
    padding-left: 3vw;
    color: white;
    margin-bottom: 0vw;
    margin-top: 0.5vw;
    letter-spacing: 0.15em;
    display: block;
    font-size: 7vw;
    text-align:center;
  }

  .footer-links {
    width: 100%;
    height: 20vw;
    float: left;
    position: relative;
    display:block;
    align-items: center;
    justify-content: center;
    margin-top: 3vw;
  }

  .footer-a-first {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 4.5vw;
    color: white;
    margin-left: 0%;
    margin-top: 2vw;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    position: relative;
    float: left;
    width: 100%;
  }

  .footer-a {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 4.5vw;
    color: white;
    margin-left: 0%;
    margin-top: 2vw;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    position: relative;
    float: left;
    width: 100%;
  }

  .footer-a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0.1vw;
    left: 50%;
    position: absolute;
    background-color: #D2560F;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }

  .footer-a:hover {
    color: white;
  }

  .footer-a:hover:after {
    width: 0%;
    left: 0;
  }

  .footer-sfeerimpressie-i {
    font-size: 4.5vw;
  }

  /*Cookie Consent Begin*/
  #cookieConsent {
      background-color: rgba(20,20,20,0.8);
      min-height: 4vw;
      font-size: 2.7vw;
      color: #ccc;
      line-height: 1.75vw;
      padding: 0;
      font-family: "Trebuchet MS",Helvetica,sans-serif;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      display: none;
      z-index: 9999;
  }
  #cookieConsent a {
      color: #4B8EE7;
      text-decoration: none;
  }

  #cookieConsent p{
    margin: 0;
  }

  #cookieText {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

  #closeCookieConsent {
      float: right;
      display: inline-block;
      cursor: pointer;
      height: 3.5vw;
      width: 3.5vw;
      margin: 0.75vw 2vw 0 0;
      font-weight: bold;
  }
  #closeCookieConsent:hover {
      color: #FFF;
  }
  #cookieConsent a.cookieConsentOK {
      background-color: #db773e;
      color: #fff;
      display: inline-block;
      border-radius: 5px;
      padding: 2.5vw 2.5vw;
      cursor: pointer;
      float: none;
      margin: 3vw 3vw 3vw 42.5%;
      text-align: center;
  }
  #cookieConsent a.cookieConsentOK:hover {
      background-color: #d2560f;
  }

  #galerij {
    top: -10vw;
  }

  #privacyverklaring {
    top: -20vw;
  }

  #lichtadvies {
    top: 70vw;
  }

  #maatwerk {
    top:15vw;
  }

  #openingstijden {
    top: -20vw;
  }

  #cookiestatement {
    top: -20vw;
  }

  #contact {
    top: -10vw;
  }

  #disclaimer {
    top: -20vw;
  }

  .galerij-dot-div {
    bottom: -123.5vw;
  }

  .galerij-dot {
    cursor: pointer;
    height: 2.5vw;
    width: 2.5vw;
    margin: 0 2.5vw;
  }

  .galerij-div h2 {
    margin: 0;
    padding: 0;
    font-size: 6vw;
  }

  .galerij-i {
    font-size: 7vw;
    position: relative;
    bottom: 0vw;
  }

  #sfeerimpressiesbar1 {
    width: 42.5vw;
    height: 0.15vw;
    border-radius: 0.5vw;
    background-color: #D2560F;
    margin-bottom: 3vw;
    float:left;
  }

  .footer-copyright {
    position: relative;
    bottom: 0vw;
  }

  .footer-copyright p {
    font-size: 3vw;
    color: #A9A9A9;
    text-align: center;
  }

  .footer-copyright .copyright {
    position: absolute;
    bottom: -69.5vw;
    left: 0%;
    height: 10px;
    width: 100%;
  }

  .footer-copyright .developer {
    position: absolute;
    bottom: -74.5vw;
    left: 0%;
    height: 10px;
    width: 100%;
  }

  .footer-copyright .divider {
    display: none;
  }

  .privacyverklaring-text p {
    width: 75%;
    margin: auto;
    padding-top: 1.5vw;;
    font-size: 3vw;
  }
  .privacyverklaring-text h1 {
    font-size: 5vw;
  }

  .privacyverklaring-text h1{
    text-align: center;
    font-weight: bold;
  }

  .privacyverklaring-text h1 a{
    color: #000;

  }

  .privacyverklaring-text h1 a:hover{
    color: #000;
  }

  .privacyverklaring-text h2 {
    padding-top: 60px;
    font-size: 4vw;
    text-align: left;
    width: 75%;
    margin: auto;
    font-weight: 400;
  }

  .privacyverklaring-text li {
    width: 100%;
    margin: auto;
    font-size: 3vw;
  }

  .privacyverklaring-text ul {
    width: 75%;
    margin: auto;
    font-size: 3vw;
  }

  .modal {
    padding-top: 75px;
  }

  .modal-content {
    width: 80%;
  }

}