@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500');
/*
 Theme Name: WD Theme
 Theme URI: https://www.websitedelivery.nl
 Description: Dit template is op maat ontworpen en ontwikkeld door Website delivery, gevestigd te Amsterdam. Ook een website laten maken? Neem dan contact met mij op middels <a href="mailto:info@websitedelivery.nl">info@websitedelivery.nl</a>.
 Version: 1.0
 Author: Alexander van der Kamp
 Author URI: https://www.websitedelivery.nl
 */
/* FONTS */
/* VARIABLES */
/* BASICS */
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
body {
  height: 100%;
  position: relative;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  background: white;
  line-height: 0;
}
a {
  color: #00bdf2;
  text-decoration: none;
}
a:hover {
  color: #325b92;
  -moz-transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.clear {
  clear: both;
}
img, a img {
  border: 0;
}
strong {
  font-weight: 500;
}
p {
  margin-bottom: 25px;
}
:focus {
  outline: 0;
}
.underline {
  text-decoration: underline;
}
/* HEADINGS */
h1 {
  font-size: 36px;
  margin: 0 0 15px;
}
h2 {
  font-size: 30px;
  margin: 0 0 10px;
}
h3 {
  font-size: 24px;
  margin: 0 0 5px;
}
h1, h2, h3, h4 {
  color: #325b92;
  font-weight: 400;
  line-height: 100%;
}
/* CONTENT */
main {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
main section {
  width: 100%;
  height: 100%;
  display: inline-block;
  float: left;
  min-height: 100%;
}
main section .text {
  line-height: 28px;
  width: 50%;
  float: left;
  height: 100%;
  position: relative;
}
main section .text .center {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 0 15%;
  width: 70%;
}
main section .text .center img.logo {
  height: 75px;
  width: auto;
  margin-left: -8px;
}
main section .text .center p:last-child {
  margin-bottom: 0;
}
main section .image {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
main section .image img {
  height: 100%;
  width: auto;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
main section.worqz .text .center img.logo {
  margin-left: -15px;
}
main section.projeqtz .text {
  float: left;
}
main section.projeqtz .image {
  float: right;
}
@media only screen and (max-width: 900px) {
  main section .text {
    width: 75%;
  }
  main section .image {
    width: 25%;
  }
}
@media only screen and (max-width: 600px) {
  main section {
    height: auto;
  }
  main section .text {
    width: 100%;
    height: auto;
    margin: 50px 0;
  }
  main section .text .center {
    position: relative;
    top: 0;
    left: 0;
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  main section .image {
    width: 100%;
    height: 120px;
  }
  main section .image img {
    height: auto;
  }
}
@media only screen and (max-width: 450px) {
  body {
    font-size: 15px;
  }
  main section .text {
    line-height: 24px;
    margin: 40px 0;
  }
  main section .text .center {
    padding: 0 10%;
    width: 80%;
  }
  main section .text .center img.logo {
    height: 60px;
  }
}
@media only screen and (max-height: 600px) {
  main section {
    overflow: hidden;
  }
  main section .text {
    overflow-y: scroll;
  }
  main section .text .center {
    margin-top: 60px;
  }
  main section .text .center p:last-child {
    margin-bottom: 20px;
  }
}