@import url(https://fonts.googleapis.com/css?family=Norican);
@font-face {
  font-family: circebold;
  src: url('../fonts/circe-bold-cufonfonts-webfont/CRC65.woff');
}
@font-face {
  font-family: "Gill Sans Nova Medium";
  src: url('../fonts/raleway/Raleway-Medium.ttf');
}
@font-face {
    font-family: "Gill Sans Nova Medium";
    src: url("https://db.onlinewebfonts.com/t/516e47a06218699c319bb58e9fa11f33.eot");
    src: url("https://db.onlinewebfonts.com/t/516e47a06218699c319bb58e9fa11f33.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/516e47a06218699c319bb58e9fa11f33.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/516e47a06218699c319bb58e9fa11f33.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/516e47a06218699c319bb58e9fa11f33.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/516e47a06218699c319bb58e9fa11f33.svg#Gill Sans Nova Medium")format("svg");
}


body{
	overflow-x: hidden;
}
.anchor{
	display: block;
    height: 115px;
    margin-top: -115px;
    visibility: hidden;
}
p.opgeRicht.frFond{
	font-size: 20px;
}
.fotorama__nav--thumbs {
    display: block;
    background: white;
   }
#nomagGal .fotorama__thumb-border {
	border-color: #000000;
}
#nomagGal .fotorama__arr {
	background-color: #ea130e;
}
.liner{
	display: flex;
    align-items: center;
}
.liner:before {
    margin-right: 20px;
}
.aansprP{
	text-transform: uppercase;
}
/*--styling referenties--*/

.wt-title{
	font-size: 18px;
}

/*--styling cookie bar--*/
#cookie-bar .cookie-bar__inner {
    background-color: #3e6578;
}
.cookie-bar__message{
	font-size:14px;
}
.cookie-bar__buttons {
	font-size:12px;
}

.contactF{
	max-width: 36%;
  float: left;
}
#contactInfo{
	float: left;
  width: 58%;
}
.contactD{
	padding: 0 16%;
}
/*--sliderfoto--*/
#image-large-object {
  	overflow: hidden;
    background: url('../images/SAM_0076.JPG') 0 0 no-repeat;
    background-size: cover;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	height: 650px;
	background-position: center;
	background-color: rgba(53, 116, 168, 0.6);

	
}
p.steam-hero__subtext {
	display:none;
}

.introLogo{
	max-width: 39%;
    float: left;
    margin-right: 9%;
	position: relative;
}
p.opgeRicht{
	font-size: 25px;
position: absolute;
  left: 16%;
bottom: 30%;
}

.titelBl{
	    padding: 0.8%;
       float: left;
    width: 46%;
	background: #d2232a;
    color: white;
}
.titelBl h1{
	text-align: center;
    font-size: 32px;
	    margin-bottom: inherit;
	color: #ffffff;
    margin: inherit;
}
.intro p{
	float: left;
    font-size: 32px;
}
.intro img{
	float:left;
}
.intro{
	padding: 0 10%;
}

.specF{
	float: left;
    width: 46%;
    margin-bottom: 3%;
    margin-top: 1%;
}

/*--Intro scroll down naar diensten--*/
section#image-large-object::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 80%,rgba(0,0,0,.2) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 80%,rgba(0,0,0,.2) 100%);
}



.scrollDown a {
  position: absolute;
  bottom: 20px;
  left: 48.5%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scrollDown a:hover {
  opacity: .5;
}

#image-large-object a {
  padding-top: 70px;
}
#image-large-object a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@-webkit-keyframes sdb05 {
  0% {
	 
    -webkit-transform: rotate(-45deg) translate(0, 0);
	  transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
	  transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



/*--logo icoon diensten--*/
img#logoIcoon{
	width: 4%;
	display: block;
	margin: 0 auto;
	margin-bottom: 0%;
}

/*--anchors zodat juiste content wordt getoon bij klik anchor menu--*/
.anchor {
    display: block;
    height: 115px;
    margin-top: -115px;
    visibility: hidden;
}

/*--sectie contact--*/

#contactInfo{
	text-align: center;
}

#contactInfo a {

    font-family: "Gill Sans Nova Medium";
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    height: 46px;
    line-height: 46px;
    padding: 8px 20px;
	background-color: #d2232a;
}

#contactInfo a:hover, #contactInfo a:focus{
	text-decoration: none;
}

#introContact img{
	border: 5px solid #e84c4b;
	position: relative;
}

img#tag{
	border: none;
	position: absolute;
	left: -5%;
	top: -36%;
}

.bottom-bar a{
	display: block;
	padding-top: 10px;
}

/*--telefoonbalk--*/
#MainMenu .navbar-extra-top {

    font-size: 14px;
	 border-top: 2px solid #d2232a;
    border-bottom: 2px solid #d2232a;
	background-color: #d2232a;
} 

.container-fluid.gsM {
	background-color: #d2232a;
}

/*--privacybeleid--*/
#image-large-object.privacy {
	background: url('../images/privacy_bg.jpg') 0 0 no-repeat;
	background-position: 79%;
	background-size: cover;
}


 #privacy p{
	margin-bottom: 15px;
    font-family: "Gill Sans Nova Medium";
    color: #000000;
    font-weight: 400;
  	font-size: 17px;
    line-height: 27px;
    text-align: left;
    position: relative;
    margin-top: 20px;
}
.infoPriv{
	margin: 0 18%;
}

.infoPriv h3{
	font-size: 24px;
	font-family: "Gill Sans Nova Medium";
	color: #000000;
	text-transform: uppercase;
	text-align: left;
}

/*--foto intro home parallex effect--*/
.steam-hero{
	display: table-cell;
	float: none;
	height: 100%;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 41%;
	left: 26%;
}

h1.steam-hero__text {
	font-family: circebold;
    font-size: 38px;
	font-weight: bold;
    letter-spacing: 2px;
    line-height: 50px;
   	color:#ffffff;
	background: #d2232a;
   
}
p.steam-hero__subtext {
    font-size: 26px;
    line-height: 29px;
    padding: 0 0 41px 0;
	font-family: "Gill Sans Nova Medium";
   
}



/*--scroll button--*/
.scroll-top-wrapper {

    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #d2232a;
    color: #ffffff;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 85px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.scroll-top-wrapper i.fa {

    line-height: inherit;

}
.scroll-top-wrapper.show {

    visibility: visible;
    cursor: pointer;
    opacity: 1.0;

}
.scroll-top-wrapper:hover {

    background-color: #821400;

}

/*--copywright bar--*/
footer, a.pr {

    color: #fff;
    margin: 0;

}
a.pr {
	display:inline;
}

footer .bottom-bar {

    position: relative;
    text-align: center;
    font-size: 0.8em;
    text-transform: uppercase;
    background: #000000;
    padding: 15px 0;

}
footer a{
	color:#ffffff;
}
footer a:hover{
	color:#ffffff;
	text-decoration: underline;
}

body{
	background: #ffffff;
}
.navbar-wrapper #navbar-main-container.navbar-fixed-top {

    margin-top: 48px;
   background: #ffffff;
}
/*--section menu---*/
.navbar .navbar-collapse {

    margin-top: 2%;

}
body:not([class*="no-hero-image"]) .navbar-wrapper #MainMenu.navbar {

    /*background: rgba(256,256,256,0.26);*/
	background: #ffffff;

}
div.navbar-fixed-top .navbar-brand {

    padding: 36px 20px;
}
.container-fluid{

    max-width: 1280px;
    min-height: 110px;
    background-color: #ffffff;

}
header .navbar-brand img {

    max-height: 86px;
    width: auto !important;
    height: auto !important;
    vertical-align: middle;
    margin-top: -4% !important;

}
header div.navbar-fixed-top .navbar-brand img {

    margin-top: -39% !important;

}
header.navbar-default .navbar-nav > li > a {
	font-family: "Gill Sans Nova Medium";
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;

}

header.navbar-default .navbar-nav > li > a:hover, header.navbar-default .navbar-nav > li > a:focus {

    /*color: #9c9b9b;*/
	color: #ffffff;
}
#MainMenu .navbar-extra-top > .navbar .navbar-nav > li > a:hover, #MainMenu .navbar-extra-top > .navbar .navbar-nav > li > a:focus{
	color:#000000;
	background: #ffffff;
	
}
.navbar-wrapper #MainMenu.navbar #navbar-main .navbar-nav > li > a:hover, .navbar-wrapper #MainMenu.navbar #navbar-main .navbar-nav > li > a:active {

    
	background: #d2232a;
    border-top: none;
    background-size: 7px;
    background-repeat: repeat-x;
}
/*--section intro---*/
p, a{
font-family: "Gill Sans Nova Medium";
}

#welkom img.naamlogo {
  left: -1%;

right: 0;

margin: 0 auto;

z-index: 50;

position: absolute;

padding: 0;

text-align: center;

top: 52%;

line-height: normal;

width: 18%;
	
    
}
#welkom .buttons-group{
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
    top: 64%;
    z-index: 50;
	margin: 0 auto;
	max-width: 413px;
    
}
.eersteContact{
	float: left;
	width: 43%;
}
.eersteContact img.eerste{
	/*
	width: 40%;
margin-bottom: 0%;
margin-top: -2%;
	*/
	 width: 40%;
    margin-bottom: 6%;
    margin-top: 4%;
	background: white;
	padding: 4%;
	margin-left: 19%;


}

.eersteContact img.tweede{
/*width: 49%;
margin-top: -5%;
margin-bottom: -7%;*/
		background: white;
	padding: 0 4%;
	width: 49%;
    margin-top: 3%;
    margin-bottom: 6%;
	margin-left: 18%;

}
.eersteContact a{
	float: left;
	text-align: center;
	width: 100%;
	font-size:18px;
	color: white;
	
}
#afspraak .buttons-group {
	text-align: center;
	z-index: 50;
}
#welkom .button, #afspraak .button {
    border: 2px solid #fff;
    height: 48px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 10px;
    padding: 12px 46px;
    margin-bottom: 0;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    text-transform: capitalize;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    background-image: linear-gradient(#fff,#fff);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 0 100%;
webkit-transition: .3s linear;

-o-transition: .3s linear;

transition: .3s linear;
}

#afspraak .button:hover, #afspraak .button:focus{
	text-decoration:none;
	background-color: white;
	color: black;
}

/*--section over ons---*/
 section#contacteerons{
width:100%;
height: auto;
	padding-top: 50px;
  padding-bottom: 80px;
}



section#diensten, section#privacy{
	width:100%;
	height: auto;
	padding-top: 0%;
	padding-bottom: 100px;
}
section#overons{
	width:100%;
	height: auto;
	padding-top: 80px;
	
}
section#diensten .row, section#privacy .row, section#overons .row{
max-width: 1215px;
margin: 0 auto;
}
.style-verclrl {
	transform-origin: center 1.5px 0px; left: 921px;width: 76px; position: absolute; height: 5px;
    box-sizing: border-box;
    border-top: 3px solid #e20613;
	
}
h2{
	text-align: center;
	font-family: "Gill Sans Nova Medium";
}
address, span, footer, footer a{
	font-family: "Gill Sans Nova Medium";
}

/*--styling section afspraak--*/
#afspraak h3{
	margin-top: 15%;
	text-align: center;
	margin-bottom: 5%;
	font-family: "Gill Sans Nova Medium";
	color: #000000;
}
#opsomming h3{
	font-family: circebold;
    font-size: 32px;
	color: #000000;
	text-align: center;
}
h4{
	font-family: "Gill Sans Nova Medium";
	color: #000000;
}
h2{
	color: #000000;
	font-family: circebold;
	font-size: 48px;
	margin-bottom:45px;
}


header.navbar-default .gsM .navbar-nav > li > a{
	font-family: "Gill Sans Nova Medium";
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
}


/*--responsive media queries--*/

@media screen and (max-width:1980px){
	
}
@media screen and (max-width:1920px){
	
}

@media screen and (max-width:1908px){
	
}


@media screen and (max-width:1836px){
	
}

@media screen and (max-width:1800px){
	
}

@media screen and (max-width:1680px){
	
}

@media screen and (max-width:1665px){
	
}

@media screen and (max-width:1615px){
	
}

@media screen and (max-width:1600px){
	
}

@media screen and (max-width:1500px){
	
}

@media screen and (max-width:1480px){
	
	
}

@media screen and (max-width:1440px){
	
	
}

@media screen and (max-width:1366px){


}
/*--start kleiner menu--*/
@media screen and (max-width:1299px){
	.navbar-toggle {
	background-color: #000000!important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #111111!important;
}
#MainMenu .collapse-md .navbar-collapse{
	background-color:#ffffff;
}
header .navbar-brand img {
  margin-top: -17% !important;
}
	.navbar-extra-top .collapse-md .navbar-left, .navbar-extra-top .collapse-md .navbar-nav > li {
   
		float:left!important;
	}
	.navbar-extra-top .collapse-md .navbar-right{
		float:right!important;
	}
	  .collapse-md .navbar-nav {
       margin-top: -8.5px;
  }
}

@media screen and (max-width:1280px){
	.gt3_call_to_action .col-md-9 {
  -ms-flex: 0 0 72%!important;
  flex: 0 0 72%!important;
  max-width: 72%!important;
	}
	.gt3_call_to_action a.button-03 {
    padding: 18px 13px!important;
	}
}

@media screen and (max-width:1224px){
	.introLogo {
  max-width: 37%;
	}
	.service-icon-box-two {
    min-height: 375px!important;
	}
	.contactF {
  max-width: 32%;
  }
  
	p.opgeRicht {
		font-size: 23px;
     left: 15%;
  bottom: 33%;
}
	.titelBl h1 {
   font-size: 28px;
	}
	#contactInfo a {
		margin-right: 3%;

	}
	.infoSt{
		padding: 0 6%;
	}
	
}

@media screen and (max-width:1205px){
	.specF {
    margin-bottom: 1.5%;
	}
}

@media screen and (max-width:1112px){
	p.opgeRicht {
    font-size: 21px;
	}
	p.opgeRicht.frFond {
		left: 12%;
	}
	.anchor {
    display: block;
    height: 185px;
    margin-top: -185px;
    visibility: hidden;
}
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:1024px){
	    .infoPriv {
        margin: 0 10%;
    }
 p.opgeRicht {
    font-size: 20px;
	 bottom: 30%;
  }
	p.opgeRicht.frFond {
  font-size: 19px;
}
	.infoPriv {
    margin: 0 15%;
}
}

@media screen and (max-width:991px){
	.infoPriv {
        margin: 0 0%;
    }
  #MainMenu .navbar-extra-top {
    display: block!important;
	}
	  p.opgeRicht {
    font-size: 19px;
		  bottom: 30%;
  }
	p.opgeRicht.frFond {
  font-size: 18px;
}
	 .service-icon-box-two {
    min-height: auto !important;
  }
	.gt3_call_to_action h2 {
   font-size: 28px;
	}
	.gt3_call_to_action .col-md-9 {
    -ms-flex: 0 0 89% !important;
    flex: 0 0 89% !important;
    max-width: 89% !important;
	}
	.gt3_call_to_action .col-md-3 {
  -ms-flex: 0 0 50%!important;
  flex: 0 0 50%!important;
  max-width: 50%!important;
  margin-left: 2%;
}
	.c2action_btn_block {
  padding-top: 0%!important;
}
}

@media screen and (max-width:980px){
	.container-fluid {
   min-height: 158px;
	}
	 header .navbar-brand img {
    margin-top: 80% !important;
  }
	  p.opgeRicht.frFond {
		  bottom: 33%;
	}
}

@media screen and (max-width:960px){
	  .titelBl h1 {
    font-size: 22px;
  }
	.steam-hero {
		top: 57%;
  left: 18%;
	}
	h1.steam-hero__text {
		font-size: 33px;
	}
	.scrollDown a {
    left: 45.5%;
	}
}


@media screen and (max-width:900px){
	
	 p.opgeRicht {
    	font-size: 18px;
	}
	  p.opgeRicht.frFond {
    	font-size: 16px;
		bottom: 34%;
		left: 13%;
  }
	.icon-xl i {
  font-size: 70px!important;
  line-height: 70px!important;
}
	 .titelBl h1 {
    font-size: 22px;
    line-height: 33px;
  }
}
@media screen and (max-width:820px){
    .infoPriv {
        margin: 0 0%;
    }
}

@media screen and (max-width:812px){
	  p.opgeRicht {
    font-size: 16px;
  }
	 p.opgeRicht.frFond {
    font-size: 14px;
    bottom: 35%;
    left: 14%;
  }
}

@media screen and (max-width:800px){
	
}


@media screen and (max-width:768px){
	.infoPriv {
    margin: 0 1%;
}
	.navbar-wrapper #navbar-main-container.navbar-fixed-top {
   min-height: 109px;
}
	  header .navbar-brand img {
    margin-top: -10% !important;
  }
	header.navbar-default .gsM .navbar-nav > li > a {
    font-size: 14px;
	}
	  .navbar > .container-fluid.collapse-md .navbar-brand {
    margin-left: 0%;
  }
	.navbar-brand {
   padding: 76px 20px;
	}
	 .container-fluid {
    min-height: 162px;
  }
	div.navbar-fixed-top.navbar > .container-fluid.collapse-md .navbar-brand {
    margin-left: 0%;
	}
	div.navbar-fixed-top.navbar .container-fluid {
    min-height: 106px;
	}
	  .collapse-md .navbar-nav {
    padding-top: 16px;
	}
	  .titelBl h1 {
    font-size: 17px;
  }
	
	 p.opgeRicht.frFond {
    font-size: 14px;
    bottom: 35%;
    left: 13%;
  }
	  p.opgeRicht {
    font-size: 15px;
      }
	.gt3_call_to_action .col-md-3 {
  -ms-flex: 0 0 34%!important;
  flex: 0 0 34%!important;
  max-width: 34%!important;
}
	.navbar .navbar-collapse {
  margin-top: 4%;
}
	.steam-hero {
  top: 52%;
  left: 11%;
}
}

@media screen and (max-width:740px){
	  header .navbar-brand img {
    margin-top: 7% !important;
  }
	 .container-fluid {
    min-height: 170px;
  }
	.navbar-wrapper #navbar-main-container.navbar-fixed-top {
   min-height: 120px;
	}
	  p.opgeRicht.frFond {
    font-size: 14px;
    bottom: 37%;
    left: 12%;
  }
}

@media screen and (max-width:736px){
	.contactF {
    max-width: 33%;
  }
	#contactInfo {
  float: left;
  width: 65%;
}
	 .scrollDown a {
    left: 44.5%;
  }
}

@media screen and (max-width:667px){
	#privacy img#logoIcoon {
    width: 14%;
	}
	#privacy h2{
		    margin-bottom: 12px;
	}
	 p.opgeRicht {
    font-size: 14px;
		 bottom: 32%;
		 left: 14%;
  }
	 .titelBl h1 {
    font-size: 22px;
    line-height: 25px;
  }
	 p.opgeRicht.frFond {
    font-size: 12px;
    bottom: 39%;
    left: 13%;
  }
	.gt3_call_to_action h2 {
   font-size: 29px;
	}
	.gt3_call_to_action p {
		font-size:18px;
	}
	  .gt3_call_to_action .col-md-3 {
    -ms-flex: 0 0 52% !important;
    flex: 0 0 52% !important;
    max-width: 52% !important;
  }
}


@media screen and (max-width:640px){
	  p.opgeRicht {
       left: 13%;
	}
	  p.opgeRicht.frFond {
    font-size: 12px;
    bottom: 42%;
    left: 12%;
  }
	
}

@media screen and (max-width:600px){
	.section-head.center.wt-small-separator-outer {
  margin-bottom: 21px;
	}
	 .introLogo {
    max-width: 35%;
		 margin-left: 5%;
  }
	.titelBl {
   width: 47%;
	}
	  .titelBl h1 {
    font-size: 18px;
    line-height: 22px;
  }
	.specF {
  
  width: 46%;
	}
	p.opgeRicht{
		display:none;
	}
	#contactInfo a {
   line-height: 29px;
  padding: 8px 11px;
  display: block;
  margin-bottom: 3%;
  max-width: 60%;
  margin-left: 24%;
	}
}

@media screen and (max-width:568px){
	.titelBl h1 {
    font-size: 16px;
    line-height: 22px;
  }
	    h1.steam-hero__text {
        font-size: 28px;
    }
}

@media screen and (max-width:500px){
	section#privacy {
      padding-bottom: 26px;
}
	.infoPriv h3 {
    font-size: 19px;
	}
.section-head.center.wt-small-separator-outer {
  margin-bottom: 19px!important;
	}
	.anchor {
  display: block;
  height: 250px;
  margin-top: -267px;
  visibility: hidden;
	}
		#overons .wt-small-separator, #contacteerons .wt-small-separator{
	line-height: 53px;
  margin-bottom: 0px;
	}
	 
}

@media screen and (max-width:480px){
  .navbar-wrapper #navbar-main-container.navbar-fixed-top {
    margin-top: 71px;
  }
	  .collapse-md .navbar-nav {
    margin-top: 14.5px;
  }
	  .navbar-wrapper #navbar-main-container.navbar-fixed-top {
    min-height: 95px;
  }
	.container-fluid {
    min-height: 108px;
  }
	header .navbar-brand img {
  max-height: 62px;
	}
	 header .navbar-brand img {
    margin-top: -94% !important;
  }
	 .navbar-brand {
    padding: 34px 20px;
  }
	.navbar-brand {
    height: 67px;
}
	h1.steam-hero__text {
    font-size: 25px;
	}
	section#overons .col-xs-12{
		margin: 0 11%;
	}
	  .introLogo,   p.opgeRicht  {
		  display:none;
	}
	.titelBl {
		width:74%;
		padding-top: 2%;
  		padding-bottom: 2%;
	}
	  .titelBl h1 {
    font-size: 21px;
  }
	.specF {
   width: 74%;
  margin-top: 3%;
	}
	.section-head.center.wt-small-separator-outer {
  margin-bottom: 20px!important;
	}
	.p-t90 {
  padding-top: 56px!important;
}
	.p-b90 {
  padding-bottom: 56px!important;
}
	section#overons {
  padding-top: 51px;
}
	.icon-xl i {
  font-size: 60px!important;
  line-height: 60px!important;
}
	.service-icon-box-two {
  
  padding: 20px!important;
	}
	.gt3_call_to_action h2 {
    font-size: 30px!important;
	}
	  .gt3_call_to_action .col-md-3 {
    -ms-flex: 0 0 67% !important;
    flex: 0 0 67% !important;
    max-width: 67% !important;
  }
	section#contacteerons {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}
	#contacteerons .col-xs-12{
		margin: 0 17%;
	}
	  .contactF {
    max-width: 57%;
	}
	#contactInfo {
  text-align: center;
  padding-top: 4%;
  margin-left: -22%;
		width: 100%;
}
	.scroll-top-wrapper {
		right: 68px;
	}
	#MainMenu .navbar-extra-top > .navbar .navbar-nav.navbar-right:first-child{
  margin-right: 42px;
	}
	 .navbar-toggle {
      margin-right: 18%;
	}
}

@media screen and (max-width:440px){
	  header.navbar-default .gsM .navbar-nav > li > a {
    font-size: 12px;
  }
	  .specF {
    width: 85%;
	}
	  .titelBl {
    width: 85%;
    padding-top: 2%;
    padding-bottom: 2%;
  }
	  section#overons .col-xs-12 {
    margin: 0 6%;
  }
	.gt3_call_to_action h2 {
  color: #ffffff;
  font-size: 26px!important;
	}
}

@media screen and (max-width:414px){
	.scrollDown a {
   left: 40.5%;
	}
	.site-text-primary, .wt-small-separator {
  color: #ea130e;
  font-size: 23px!important;
}
	  .titelBl h1, .gt3_call_to_action p  {
    font-size: 17px!important;
  }
	#contactInfo a {
    margin-right: 0%;
	}
}


@media screen and (max-width:400px){
	    h1.steam-hero__text {
        font-size: 21px;
    }
	.navbar-right .menu-item:first-of-type{
		display:none;
	}
	  #contactInfo a {
       float: left;
    width: 63%;
      display: block;
    margin: 0 19%;
    margin-bottom: 4%;
		  padding: 0px 11px;
	}
	  .infoSt {
    padding: 0 6%;
    float: left;
    display: block;
  }
	footer .bottom-bar{
		font-size: 12px;
	}
	
}

@media screen and (max-width:385px){
	h1.steam-hero__text {
        font-size: 19px;
    }
	footer .bottom-bar {
        font-size: 12px;
        padding: 15px 8px;
    }
	#contactInfo a{
		line-height: 41px;
	}

	#overons .wt-small-separator, #contacteerons .wt-small-separator{
	line-height: 53px;
  margin-bottom: 0px;
	}
	 .gt3_call_to_action h2 {
    color: #ffffff;
    font-size: 22px !important;
  }
	  .gt3_call_to_action .col-md-3 {
    -ms-flex: 0 0 67% !important;
    flex: 0 0 67% !important;
    max-width: 77% !important;
  }
	.gt3_call_to_action p {
    font-size: 15px !important;
  }
	  .site-text-primary, .wt-small-separator {
    color: #ea130e;
    font-size: 18px !important;
  }
}
@media screen and (max-width:380px){

}


@media screen and (max-width:360px){

}


@media screen and (max-width:320px){

}