@media (max-width: 1500px) {

.page-bier .bottles-container .swiper-wrapper .figure, .page-bier .articles-container .swiper-wrapper .figure { width: 40%; }

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 1300px) {

.container { width: 100%; }

.site-verification blockquote { font-size: 2.5em; }
.site-verification input { font-size: 7em; widtH: 370px; }

.bieren-slide .container .image { width: 45%; }
.bieren-slide .container .text { width: 50%; margin: 0 100px; }

.page-bier .bottles-container .swiper-wrapper .big, .page-bier .articles-container .swiper-wrapper .big { width: 250px; height: 100px; }

.page-ambassadeurs .container .wrapper .ambassadeur.small h3 { font-size: 1.2em; }
.page-ambassadeurs .container .wrapper .ambassadeur.big h2 { font-size: 4em; }
.page-ambassadeurs .container .wrapper .ambassadeur.small h2 { font-size: 2em; }

.page-karakter .swiper-container .container .wrapper .align .header { margin-bottom: 25px; }
.page-karakter .swiper-container .container .wrapper .align .header h2 { font-size: 7em; line-height: 40px; }

.page-home h3 { padding-bottom: 15px; }
.page-home h2 { font-size: 7em; line-height: 40px; }

.page-contact .wpcf7 textarea { height: 200px; }

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {

.page-ambassadeurs .container .wrapper .ambassadeur-list { padding: 0 60px 120px 60px; }

}

@media (max-width: 768px) {

video { display: none; }

.container { width: 100%; }

.site-verification { padding: 0 5%; }
.site-verification blockquote { width: 100%; font-size: 2.3em; }
.site-verification input { font-size: 3em; width: 100%; }
.site-verification .logo { width: 150px; }

.site-nav { width: 100%; -webkit-transform: translate3d(100%, 0px, 0px); -moz-transform: translate3d(100%, 0px, 0px); -o-transform: translate3d(100%, 0px, 0px); -ms-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); }
.site-nav-visible .site-nav { opacity: 1; -webkit-transform: translate3d(0%, 0px, 0px); -moz-transform: translate3d(0%, 0px, 0px); -o-transform: translate3d(0%, 0px, 0px); -ms-transform: translate3d(0%, 0px, 0px); transform: translate3d(0%, 0px, 0px); }
.site-nav-visible .site-main { -webkit-transform: translate3d(-100%, 0px, 0px); -moz-transform: translate3d(-100%, 0px, 0px); -o-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); }
.site-nav .logo { display: none; }

.site-nav-visible .site-header { opacity: 1; }

.site-burger { right: 20px; }
.site-back { top: 34px; left: 20px; }

.site-header { opacity: 1; }
.site-header .logo { width: 100px; margin-left: -50px; z-index: 1; }
.site-header::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(29,27,26,1) 0%, rgba(29,27,26,0) 100%); background: -webkit-linear-gradient(top, rgba(29,27,26,1) 0%,rgba(29,27,26,0) 100%); background: linear-gradient(to bottom, rgba(29,27,26,1) 0%,rgba(29,27,26,0) 100%); }
.site-nav-visible .site-header { -webkit-transform: translate3d(-100%, 0px, 0px); -moz-transform: translate3d(-100%, 0px, 0px); -o-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); }

.page-home p { font-size: 1.5em; }
.page-home .swiper-slide h2 span { font-size: 50%; }
.page-home .swiper-slide h2 { font-size: 4em; }
.page-home .swiper-slide blockquote p { font-size: 1.8em; line-height: 24px; }

.video-slide .container .wrapper .header h1 { width: 65%; }
.video-slide .background { background-position: center center; }

.bieren-slide .container .text { width: 100%; float: none; margin: 0; }
.bieren-slide .container .image { display: none; }
.bieren-slide .container .text .header { padding: 0 30px; }

.swiper-pagination, .swiper-container-vertical > .swiper-pagination-bullets { right: 15px; }

.karakter-slide .container { width: 100%; }
.karakter-slide .container .wrapper .header { padding: 0 30px; }
.karakter-slide .background .bg-img { background-position: right center; }

.ambassadeurs-slide .container { width: 100%; }
.ambassadeurs-slide .container .wrapper .header { padding: 0 30px; }

.indicator span { display: none; }

.page-bier .bottles-container { pointer-events: inherit; }
.page-bier .bottles-container .swiper-wrapper .article,.page-bier .articles-container .swiper-wrapper .article { width: 100%; margin-right: 0; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; display: block; overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: hidden; }
.page-bier .bottles-container .swiper-wrapper .article, .page-bier .articles-container .swiper-wrapper .article .align { padding: 0 55px; display: block; vertical-align: inherit; height: auto; }
.page-bier .bottles-container .swiper-wrapper .article .align blockquote p, .page-bier .articles-container .swiper-wrapper .article .align blockquote p { font-size: 2.3em; line-height: 24px; }
.page-bier .bottles-container .swiper-wrapper .article, .page-bier .articles-container .swiper-wrapper .article .align { padding-bottom: 50px; }
.page-bier .bottles-container .swiper-wrapper .figure, .page-bier .articles-container .swiper-wrapper .figure { width: 100%; }
.page-bier .bottles-container .swiper-wrapper .big, .page-bier .articles-container .swiper-wrapper .big { width: 130px; height: 60px; margin-top: 100px; }
.page-bier .articles-container { display: none; }
.page-bier .bottles-container .swiper-wrapper .figure .align .more-info, .page-bier .articles-container .swiper-wrapper .figure .align .more-info { display: block; }
.page-bier .articles-container .swiper-wrapper .article .align.ingredients .ingredienten-container { top:100px; left: 0px; right: 0px; width: 85%; height: 80%; margin-bottom: 60px; }
.page-bier .articles-container .swiper-wrapper .article .align.ingredients .ingredienten-container .wrapper { padding: 50px; }
.page-bier .bottles-container .swiper-wrapper .article, .page-bier .articles-container .swiper-wrapper .article { background: none; }
.page-bier .bottles-container .swiper-wrapper .article .align.ingredients .ingredienten-container a, .page-bier .articles-container .swiper-wrapper .article .align.ingredients .ingredienten-container a { left: 50%; }
.page-bier .bottles-container .swiper-wrapper .article .align.ingredients blockquote p, .page-bier .articles-container .swiper-wrapper .article .align.ingredients blockquote p { font-size: 25px; }
.page-bier .bottles-container .swiper-wrapper .figure .align img, .page-bier .articles-container .swiper-wrapper .figure .align img { height: 70vh; margin-top: 60%; }
.page-bier .pagination .arrow { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
.page-bier .pagination .arrow.next { right: 0; }
.page-bier .pagination .arrow.prev { left: 0; }

.page-ambassadeurs .container .wrapper { padding: 0; }
.page-ambassadeurs .container .wrapper .ambassadeur.right { width: 100%; }
.page-ambassadeurs .container .wrapper .ambassadeur.big { width: 100%; }
.page-ambassadeurs .container .wrapper .ambassadeur.big h2 { font-size: 3em; }
.page-ambassadeurs .container .wrapper .ambassadeur.small h2 { font-size: 3em; }
.page-ambassadeurs .container .wrapper .ambassadeur.small h3 { font-size: 2em; }
.page-ambassadeurs .container .wrapper .ambassadeur { padding: 0; margin-bottom: 20px; }
.page-ambassadeurs .container .wrapper .ambassadeur.small { width: 100%; }
.page-ambassadeurs .container .wrapper .ambassadeur-list li { width: 48%; margin-right: 2%; }
.page-ambassadeurs .container .wrapper .ambassadeur-list li h2 { font-size: 3em;  }

.vestiging-visible .page-gegevens { width: 100%; }
.page-gegevens { width: 100%; }
.page-gegevens .vestigingen-shape .gegevens-block h2 { font-size: 3em; }
.page-gegevens .vestigingen-shape .gegevens-block { padding-left: 25px; padding-right: 25px; }
.page-ambassadeurs .container .wrapper .ambassadeur-list li { height: auto; width: 100%; }

.page-karakter .indicator { display: none; }

.page-karakter .swiper-container .swiper-slide { height: auto; overflow: hidden; }
.page-karakter .swiper-container .swiper-slide .container { padding: 0 40px; }
.page-karakter .swiper-container .swiper-slide:first-child .container .wrapper .align .header { padding-top: 25px; }
.page-karakter .swiper-container .swiper-slide:last-child .container .wrapper .align .article { padding-bottom: 50px; }

.page-karakter .swiper-container .container .wrapper .align .header h2 span { display: none; }
.page-karakter .swiper-container .container .wrapper .align .header { margin: 25px 0; }
.page-karakter .swiper-container .container .wrapper .align .header h2 { font-size: 3em; padding-top: 75px; }
.page-karakter .swiper-container .container .wrapper .align .quote blockquote { font-size: 2.1em; line-height: 35px; }

.page-karakter .swiper-container .container .wrapper .align.left .quote { width: 100%; margin: 0; }
.page-karakter .swiper-container .container .wrapper .align.left .quote blockquote { text-align: center; padding: 0; }
.page-karakter .swiper-container .container .wrapper .align.left .quote hr { margin: 25px auto; float: none; }
.page-karakter .swiper-container .container .wrapper .align.left .article { width: 100%; margin: 0; float: none; }

.page-karakter .swiper-container .container .wrapper .align.center .quote hr { margin: 25px auto; }
.page-karakter .swiper-container .container .wrapper .align.center .article p { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }
.page-karakter .swiper-container .container .wrapper .align .article p { font-size: 1.5em; }

.page-karakter .swiper-container .background { position: relative; padding-bottom: 60%; }

.page-karakter .header, .page-karakter .quote, .page-karakter .article { opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0px, 0px); -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }

.page-contact { height: auto; overflow: inherit; }

.page-contact .container .wrapper .col-left, .page-contact .container .wrapper .col-right { width: 100%; }
.page-contact .container .wrapper { padding-top: 100px; padding-bottom: 50px; }
.page-contact .container .wrapper h2 { font-size: 3em; }
.page-contact .container .wrapper p { font-size: 1.5em; }
.page-contact .container .wrapper .col-left p { text-align: left; }
.page-contact .container .wrapper .column { width: 100%; margin-right: 0; margin-bottom: 30px; }

.page-contact .wpcf7 .align-left, .page-contact .wpcf7 .align-right { width: 100%; padding: 0; }

}


/* Portrait tablet to landscape and desktop */
@media (max-width: 580px) {

.page-ambassadeurs .container .wrapper .ambassadeur-list { padding: 0 30px 120px 30px; }

.module-vestigingen .vestigingen-gegevens { width: 100%; }

.page-cta .cta-content .content-con h2 { font-size: 5.4em; }
.page-cta .cta-content .content-con .link { font-size: 3.4em; }
.page-cta .cta-content .content-con .cta .button { display: block; width: 200px; margin: 0 auto; }
.page-cta .cta-content .content-con .cta .close-video { display: inline-block; margin-left: 0; margin-top: 15px; }

.page-deel-je-proost { padding: 120px 20px; }
.page-deel-je-proost h1 { font-size: 50px; padding-bottom: 30px; }
.page-deel-je-proost blockquote { font-size: 18px; }
.page-deel-je-proost .proost-intro { padding-bottom: 60px; }
.page-deel-je-proost #instafeed { width: 100%; }
.page-deel-je-proost #instafeed .data-tiles-column { width: 100%; }
.page-deel-je-proost #instafeed figure { padding-bottom: 60px; }
.page-deel-je-proost #instafeed span { font-size: 40px; }
.page-deel-je-proost #instafeed figure img { padding: 25px 0; }
.page-deel-je-proost #instafeed blockquote { width: 100%; }

}