/* ==========================================================================
CSS Queries
========================================================================== */

@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
}
@media screen and (max-width:1200px) {
    h1{font-size: 2.5em; }
    p{font-size: 18px; padding: 0 25px; text-align: left;}
    .thin-sep { display: none; }
    .arrow { display: none; }
    nav { height: auto; width: 100%; background: none; margin: 70px 0 0 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; }
    nav li { width: 100%; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 25px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
    nav ul li a.last { border-bottom: none; }
    nav ul li.dot { display: none; }
    .responsive-logo { background: url(../img/main-logo.png) no-repeat center center; width: 33%; height: 130px; position: absolute; top: 15px; left: 10%; }
    .logo-1 { position: absolute; left: 50%; top: 50%; }
    .logo-holder { display: none; }
    .logo-2 { position: absolute; left: 50%; top: 50%; }
    .logo-3 { position: absolute; left: 50%; top: 50%; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
    .selectpicker{ position: relative; float: right; margin: 0 43% 0 50%; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); padding: 25px;
  }
  .hero1{ margin-top: -35px; height:500px; }
  .hero-text{ top: 100px; padding: 0 20px;}
  h1.header-text { margin-bottom:0.5rem; opacity: 0.65; margin-right:9%; letter-spacing: -3px; }
h1.header-text2 { margin-bottom:0.5rem; opacity: 0.90; margin-top: -25px; margin-left: 7%; letter-spacing: -3px;}
  .claim-btn{ padding: 15px 120px; border-radius: 50px; }
  .shop-btn{ padding: 15px 20px; border-radius: 50px; }
  img.claim-gratis{ left: 20vw; max-width:150px; }
h1.claim{ background-size: contain; }
p.text-actie { margin-top: -100px; text-align: center; }
p.text-intro { font-size: 20px; }
.section-text p { padding: 0 30px 20px 30px; }
.sign-up { height:2210px; }
.intro { padding:60px 0; }
.footer-links { float: none; margin-top: 5%; text-align: center;}
}

@media only screen and (max-width:1200px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer { width: 100%; text-align: right; padding: 60px 20px 0 0; }
    .pullcontainer a#pull { display: block; width: 100%; color: #002664; }
}