@font-face {
  font-family: 'nexaBold';
  src:  url('../fonts/NexaTextDemo-Bold.woff2') format('woff2'),
        url('../fonts/NexaTextDemo-Bold.woff') format('woff');
}

@font-face {
  font-family: 'nexaLight';
  src:  url('../fonts/NexaTextDemo-Light.woff2') format('woff2'),
        url('../fonts/NexaTextDemo-Light.woff') format('woff');
}

html {
  background-color: #0e0f11;
}

body {
  font-family: nexaLight;
  color: white;
  overflow-x:hidden;
  margin-top:100px;
}

header {
  width: 100%;
  height: 817px;
}

header h1 {
  padding-top: 250px;
  padding-bottom: 250px;
  font-size: 100px;
  text-align: center;
  opacity: 0;
  animation: fadein 3s ease-in-out forwards;
}

h1 {
  margin-top: 30px;
  margin-bottom: 30px;
  color: white;
}

h2 {
  color: white;
}

p {
  font-feature-settings: "liga" 0;
  color: white;
}



.logo-banner {
  /* left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%; */

}


@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.banner-image {
  width: 32%;
  height: 800px;
  display: inline-block;
  background-size: cover;
}

.banner-image.banner1 {
  background-image: url('../images/weydeland divers kaas.jpg');
}
.banner-image.banner2 {
  background-image: url('../images/Borrelplank.jpg');
}
.banner-image.banner3 {
  background-image: url('../images/bier.jpg');
}

nav {
  display: block;
  height: 100px;
  padding-top: 10px;
  padding-left: 10px;
  position: fixed;
  height: 100px;
  width: 100%;
  background: #0e0f11;
  z-index: 99;
  margin-top: -100px;
}

nav a {
  text-decoration: none;
  font-size: 25px;
  color: white;
}

nav a:hover {
  color: black;
}

@media only screen and (min-width: 960px) {
  .navlist {
    display: block;
  }
  .navburger {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .navlist {
    display: none;
  }
  .navburger {
    display: block;
  }

  header h1 {
    font-size: 55px;
  }

  /* #logo {
    width: 100px;
  } */
}

.navburger {
  float: right;
  margin-right: 40px;
}

.navburger:hover {
  cursor: grab;
}

.navburger div{
  width: 45px;
  height: 3px;
  background-color: white;
  margin: 10px 0;
}
#burgernavlist {
  display: none;
  background-color: black;
  position: fixed;
  right: 0;
  z-index: 99;
  padding: 15px;
}
#burgernavlist li {
  display: block;
  text-align: right;
  padding: 10px;
}
#burgernavlist li a{
  color: white;
  text-decoration: none;
  font-size: 25px;
}

nav ul {
  display: inline;
  position: absolute;
  top: 50px;
}

nav ul li {
  display: inline;
  margin-left: 20px;
}

section {
  width: 100%;
  min-height: 300px;
  padding-top: 75px;
  padding-bottom: 75px;
}

section p {
  font-size: 22px;
}

.col-image {
  width: 100%;
  margin: 0 !important;
}

.product-container {
  background-color: #212429;
}

.product {
  text-align: center;
}

.container img, .product-container img{
  width: 100%;
  max-width: 100%;
  display: inline;
  margin-bottom: 20px;
}

section#locatie {
  text-align: center;
}

footer {
  background-color: #212429;
  color: white;
}

footer .col-6 {
  display: flex;
  justify-content: center;
}

footer p {
  padding-top: 10px;
  text-align: center;
}

footer .footerblock {
  display: inline-block;
  font-size: 18px;
}

footer li, footer a, footer i, footer td, footer .footerblock {
  color: white;
}

.pagebanner {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

.pagebanner.cheesebanner {
  background-image: url("../images/web/b-page-kaas/1713-500-header-kaas.jpeg");
  background-position-y: center;
}

.pagebanner.drinkbanner {
  background-image: url("../images/web/b-page-dranken/1713-500-header-dranken.jpeg");
  background-position-y: center;
}

.pagebanner.delicatessenbanner {
  background-image: url("../images/web/b-page-delicatessen/1713-500-borrelboxjpeg.jpeg");
  background-position-x: center;
}

.pagebanner.borrelplanken_banner {
  background-image: url("../images/web/b-page-borrelplanken/1713-500-header-borrelplank.jpeg");
  background-position-x: center;
}

.pagebanner.pakketten_banner {
  background-image: url("../images/web/homepage/1713-500-header-cadeaus-homepage.jpeg");
  background-position-x: center;
}

.row {
  margin-bottom: 50px;
}

.margin-top {
  padding-top: 100px;
}