/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
  background-size: cover;
  font-family: 'Raleway', sans-serif;
}

a {
  text-decoration: none;
}

.button {
  border-radius: 100px;
}

video {
  width: 65% !important;
  height: auto !important;
}

/* pages background images
--------------------------------------------------*/
.home_page {
  background: url(../images/10_srcset-large.jpg) no-repeat center center fixed;
}

.schilderijen_page {
  background: url(../images/bg_schilderijen.jpg) no-repeat center center fixed;
}

.muurschilderingen_page {
  background: url(../images/muurschilderingen.jpg) no-repeat center center fixed;
}

.workshop_page {
  background: url(../images/bg_workshop.jpg) no-repeat center center fixed;
}

/*---------------lightbox------------*/


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 1.5rem 0 1rem;
  text-align: center;
}

.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero {
  background: #ECE8E4;
}

#logo {
  width: 70%;
}

/* Navigatie
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.navigatie {
  /*background: #AB9F8C;*/
  background: #D7D2C1;
  margin-bottom: 10%;
}

.link {
  transition: 0.4s;
}

.link:hover {
  color: #525042;
}

.flexnav li {
  list-style: none;
}


/* 2column blok 1
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.blok1 {
  background-color: #FFF6DF;
  text-align: left;
  color: #525042;
}

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  /*background: rgba(74, 71, 63, 0.9);*/
  background: rgba(255, 246, 223, 0.9);
  color: #525042;
}

.categories .section-description {
  margin-bottom: 4rem;
}

.four.columns {
  width: 25%;
}

.columns {
  margin-left: 0;
}

/* Biografie
------------------------------------------------*/

.bio {
  background-color: #CDC5A8;
  text-align: left;
  color: #525042;
}

/*2column blok 2--------------------------------*/
.blok3 {
  /*background-color: rgba(74, 71, 63, 0.96);*/
  background: rgba(255, 246, 223, 0.9);
  text-align: left;
  color: #525042;
}

/* 3 columns category */
.three.columns {
  width: 33.333%;
}

/*2column contact--------------------------------*/
.contact {
  text-align: left;
  color: #525042;
  padding: 3em;
}

.contactBg {
  background-color: #FFF6DF;
  padding: 1.5rem;
  opacity: 0.92;
}

.contact_icon {
  display: inline-block;
}

/*Footer----------------------------------*/
.footer {
  background: #D7D2C1;
  color: #FFFFFF;
  text-align: left;
  margin-top: 5rem;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 1.5rem 0 1.5rem;
  }

  .hero {
    padding-bottom: 1rem;
    text-align: left;
    height: 110px;
  }

  .hero-heading {
    font-size: 2.4rem;
  }

  .maps {
    height: 300px;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 130px;
  }

  .hero-heading {
    font-size: 2.6rem;
  }

  .section {
    padding: 2rem 0 2rem;
  }

  .hero {
    padding: 1rem 0 1rem;
  }

  .section-description {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .categories {
    padding: 15rem 0 8rem;
  }

  .maps {
    height: 350px;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 2rem 0 2rem 0;
  }

  .hero {
    padding: 1rem 0 1rem 0;
  }

  .hero-heading {
    font-size: 3.0rem;
  }
}