/*
body  { width: 100%; height: 100%; font-weight: normal; color: rgb(255,255,255); line-height: 20px; margin: 0; padding: 0; background: rgb(0,0,0); }
body  { font-size: calc(11px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); }

font-family: 'Barlow', sans-serif;
font-family: 'Kalam', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Quicksand', sans-serif;
*/

body            { width: 100%; height: 100%; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: normal; color: rgb(34,34,34); line-height: 20px; margin: 0; padding: 0; background: rgb(255,255,255); }

.bgimg-1 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
}


img             { border: 0; max-width: 100%; height: auto; margin: 0px; padding: 0px; }
p, h1, h2, h3   { white-space: normal; margin: 0; padding: 0; }
tbody           { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: normal; color: rgb(66,66,66); line-height: 20px; }

a:active        { outline: none; }
a.link          { text-decoration: none; }

.wit            { color: rgb(255,255,255); }
.zwart          { color: rgb(0,0,0); }
.grijs          { color: rgb(33,33,33); }
.link           { cursor: pointer; text-decoration: underline; }

h1              { font-family: 'Quicksand', sans-serif; font-size: 22px; letter-spacing: 1px; word-spacing: 1px; line-height: 26px; }
h2              { font-family: 'Barlow', sans-serif; font-size: 18px; line-height: 22px; }
h3              { font-family: 'Kalam', sans-serif; font-size: 18px; line-height: 20px; }

h4              { font-family: 'Quicksand', sans-serif; font-size: 16px; line-height: 18px; font-weight: bold; }


img             { width: 100%; height: auto; }


/* DIV WRAPPER STYLE */
div#wrapper     { position: relative; float: left; display: block; width: 100%; overflow: hidden; text-align: left; }


/* DIV ALGEMEEN TEKST STYLE */
.tekstzwart     { color: rgb(0,0,0); text-decoration: none; cursor: pointer; }


@media screen and (max-width: 768px) and (min-width: 601px)
{
  h1      { font-size: 26px; line-height: 30px; letter-spacing: 2px; word-spacing: 2px; }
  h2      { font-size: 13px; line-height: 17px; }
  h3      { font-size: 13px; line-height: 13px; }
}

@media screen and (max-width: 485px)
{
  h1      { font-size: 26px; line-height: 30px; letter-spacing: 2px; word-spacing: 2px; }
}



/**/