/*-------------------- ALGEMEEN -------------------- */
*, *:before, *:after{
	box-sizing:border-box;
}

html, body{
	width:100%;
	padding:0px;
	margin:0px;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:30px;
	color:rgb(70,70,70);
}

a{
	color:rgb(239,115,169);
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	margin:0px;
	padding:0px 0px 40px 0px;
	text-align:center;
	font-size:55px;
	line-height:72px;
	font-weight:500;
	color:rgb(72,64,54);
}

h2{
	margin:0px;
	color:rgb(148,138,125);
	font-size:30px;
	font-weight:500;
}

h3{
	margin:0px;
	color:rgb(148,138,125);
	font-size:24px;
	font-weight:400;
}

.wrapper{
	float:left;
	width:100%;
	padding:110px 0px;
}

.container{
	max-width:1400px;
	width:100%;
	margin:0px auto;
}

.orangeLink{
	background-color:rgb(242,143,75);
	font-size:24px;
	color:#FFF;
	font-weight:300;
	padding:10px;
	float:left;
	border-style:none;
	margin:0px;
	text-decoration:none;
	box-shadow:5px 5px 0px rgb(172,102,53);
	transition:0.2s;
	text-align:center;
}

.orangeLink:hover{
	background-color:rgba(242,143,75,0.9);
	text-decoration:none;
}

.orangeLink:active{
	box-shadow:0px 0px 0px 0px;
	position:relative;
    top:5px;
	left:5px;
}

.blueLink{
	background-color:rgb(96,197,219);
	font-size:24px;
	color:#FFF;
	font-weight:300;
	padding:10px;
	float:left;
	border-style:none;
	margin:0px;
	text-decoration:none;
	box-shadow:5px 5px 0px rgb(48,144,164);
	transition:0.2s;
	text-align:center;
}

.blueLink:hover{
	background-color:rgba(96,197,219,0.9);
	text-decoration:none;
}

.blueLink:active{
	box-shadow:0px 0px 0px 0px;
	position:relative;
    top:5px;
	left:5px;
}

.pinkLink{
	background-color:rgb(239,115,169);
	font-size:24px;
	color:#FFF;
	font-weight:300;
	padding:10px;
	float:left;
	border-style:none;
	margin:0px;
	text-decoration:none;
	box-shadow:5px 5px 0px rgb(212,102,150);
	transition:0.2s;
	text-align:center;
}

.pinkLink:hover{
	background-color:rgba(239,115,169,0.9);
	text-decoration:none;
}

.pinkLink:active{
	box-shadow:0px 0px 0px 0px;
	position:relative;
    top:5px;
	left:5px;
}

.borderTopWhite{
	background:url(../images/borderWhite.png);
	height:45px;
	background-size:cover;
}

.borderBottomWhite{
	background:url(../images/borderWhite.png);
	height:45px;
	background-size:cover;
	-ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.borderDark{
	background:url(../images/borderDark.png);
	height:50px;
}

/*-------------------- TEXTBLOCK -------------------- */
.textBlock{
	padding:60px 0px;
}

.brownBg{
	background-color:#EDECE9;
}

.whiteBg{
	background-color:#FFF;
}

.title{
	margin:0px;
	text-align:left;
	font-size:55px;
	font-weight:500;
	line-height:1.2em;
	color:rgb(72,64,54);
	float:left;
	width:100%;
	margin:0px 0px 40px 0px;
}

.title.center{
	text-align:center;
}

.title.smallMargin{
	margin:0px 0px 10px 0px;
}

.textBlock .subTitle{
	color:#948a7d;
	font-size:30px;
	font-weight:500;
	margin:0px 0px 10px 0px;
	float:left;
	width:100%;
}

.textBlock p{
	font-weight:300;
	float:left;
	width:100%;
}

.textBlock p:last-child{
	margin:0px;
}

.columnText p{
	-webkit-columns:auto 2;
    -moz-columns:auto 2;
    columns:auto 2;
	-webkit-column-gap:50px;
    -moz-column-gap:50px;
    column-gap:50px;
}

/*-------------------- BANNER -------------------- */
.banner{
	background-repeat:no-repeat  !important;
	float:left;
	background-size:cover !important;
	padding:0px !important;
	background-position:center  !important;
	background-attachment:fixed  !important;
}

.banner .bannerContent{
	width:100%;
	padding:90px;
	text-align:center;
	overflow:hidden;
}

.banner .bannerContent .blueLink, .banner .bannerContent .orangeLink, .banner .bannerContent .pinkLink{
	float:none;
}

.banner .bannerContent p{
	width:100%;
	float:left;
	color:#FFF;
	line-height: 1.2em;
	font-size:45px;
	font-weight:500;
	margin:0px 0px 40px 0px;
}

.banner .bannerContent span{
	width:100%;
	float:left;
	color:#FFF;
	font-size:20px;
	font-weight:300;
	line-height:30px;
	margin:10px 0px 0px 0px;
}

/*-------------------- HEADER -------------------- */
#headerContainer{
	background:#FFF;
	width:100%;
	float:left;
	background-size:cover !important;
	position:fixed !important;
	background-repeat:no-repeat !important;
	/*transition:0.3s;*/
	z-index:999;
}

.smaller{
    height:75px !important;
}

.bottomLineHeader{
	margin:90px 0px 0px 0px;
}

.bottomLineHeaderMobile{
	margin:-1px 0px 0px 0px;
}

#headerContainer .logo{
	float:left;
}

#headerContainer img{
	/*transition:0.3s;*/
	padding:25px 0px 16.5px 35px;
	max-width:100%;
	width:22%;
}

.smaller img{
	padding:10px 35px 10px 35px !important;
	height:60% !important;
	margin:15px 0px 0px 0px;
}

#nav{
	float:right;
}

#nav ul{
	margin:0px;
	float:right;
	/*transition:0.3s;*/
}

.smaller #nav ul{
	padding:25px 35px 25px 35px;
}

#nav ul li {
    display:inline;
}

#nav ul li a {
	color:rgb(70,70,70);
	padding:33px 20px;
    text-decoration:none;
	text-transform:uppercase;
	font-weight:300;
    border-top:4px solid transparent;
	float:left;
}

.smaller #nav ul li a {
	padding:23px 20px 35px 20px;
}

#nav ul li a:hover {
    border-top:4px solid rgb(148,138,125);
	color:rgb(148,138,125);
	text-decoration:none;
}

#nav ul li .active {
    border-top:4px solid rgb(148,138,125);
	color:rgb(148,138,125);
}

#menuToggle {
    cursor: pointer;
    display: none;
    float: right;
    padding: 25px 12px;
    width: 25%;
}
#menuToggle span.linecont {
    float: right;
    max-width: 25px;
    padding: 5px 0 0;
    width: 100%;
}
#menuToggle span.nav {
    color: #fff;
    display: none;
    float: left;
    font-weight: bold;
    padding: 1px 0 0;
    text-align: left;
    text-transform: uppercase;
    width: 80%;
}
#menuToggle span.linecont span {
    background: #948A7D none repeat scroll 0 0;
    float: left;
    height: 2px;
    margin: 0 0 5px;
    width: 100%;
}
#nav span.nav {
    color: #fff;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 18px;
    font-weight: 300;
    padding: 12px 0;
    text-align: left;
    text-transform: uppercase;
    width: 80%;
}

#nav.mobile-menu ul{
   border-left: 0px;
	float: left;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
	display: none;
}
#nav.mobile-menu ul li {
	background: #FFF;
    border-top: 1px solid rgba(255,255,255,0.5);
    float: left;
    width: 100%;
}
#nav.mobile-menu ul li:last-child{
	background: transparent;
}
#nav.mobile-menu ul li ul{
	top:0 !important;
	position:relative;
}
#nav.mobile-menu ul li a {
    float: left;
	width: 100%;
	border-left: 0 none;
	border-right: 0 none;
	padding: 10px 10px 10px 35px;
	border-top: 0px;
}
#nav.mobile-menu ul.containerNav li a{
	padding:10px 0 !important;
	text-align:center;
}
#nav.mobile-menu ul li:hover ul {
    display: none;
}

#bannerHome{
	float:left;
	width:100%;
	padding:0;
	height:100vh;
	background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(../images/banner.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

#bannerHome p{
	margin:0px;
}

#bannerBottomContent {
	float:left;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}

.bannerBottomElement{
	float:left;
	height:30vh;
	overflow:hidden;
	width:16.66666666666667%;
	line-height:36px;
	color:#FFF;
	background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	border-right:2px solid #FFF;
	padding:20px;
	font-weight:300;
}

.bannerBottomElement:nth-of-type(6){
	border-right:0px;
}

.bannerBottomElement img{
	padding:5px 10px 50px 0px;
	float:left;
}

.bannerBottomElement .bannerBottomTitle{
	font-size:30px;
	height:80px;
	padding:0px 0px 25px 0px;
}

.bannerBottomElement p{
	overflow:hidden;
	padding:10px 0px 0px 0px;
}

#bannerTop{
	padding:50px 35px 0px 35px;
	width:50%;
}

#bannerTop .bannerTopTitle{
	font-size:55px;
	line-height:70px;
	color:#FFF;
	font-weight:300;
}

#bannerTop p span{
	font-weight:bold;
	text-decoration:underline;
	-moz-text-decoration-color:rgb(239,115,169);
    text-decoration-color:rgb(239,115,169);
}

#bannerTop .bannerTopContent{
	font-size:30px;
	line-height:48px;
	color:#FFF;
	padding:0px 0px 25px 0px;
	font-weight:500;
}

#bannerTop p .blueLink{
	margin:0px 25px 0px 0px;
	margin-bottom:25px;
}


/*-------------------- WEBSITES -------------------- */
#websites{
	background-color:rgb(237,236,233);
	padding:60px 0px 60px 0px;
}

.websiteElement{
	width:32%;
	float:left;
	background:#FFF;
	padding:50px;
	font-weight:300;
	color:#464646;
}

.websiteElement:nth-of-type(2){
	margin:0 2%;
}

.websiteElement div{
	width:100%;
	float:left;
	height:275px;
	margin:0px 0px 10px 0px;
	background-repeat:no-repeat !important;
	background-size:contain !important;
	background-position:center !important;
}

.websiteElement a{
	float:left;
}

.websiteTitle{
	font-size:30px;
	line-height:1.2em;
	height:40px;
	overflow:hidden;
	margin:0px 0px 5px 0px;
}

.websiteContent{
	height:95px;
	overflow:hidden;
	float:left;
	margin:0px 0px 10px 0px;
}

/*-------------------- BANNER REACTIES -------------------- */
#BannerReacties{
	background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/banner2.jpg);
	background-repeat:no-repeat !important;
	float:left;
	background-size:cover !important;
	padding:0;
	background-position:center !important;
	background-attachment:fixed !important;
}

#BannerReacties #bannerReactiesContent{
	width:100%;
	padding:25px 0px 25px 0px;
	color:#FFF;
	font-weight:300;
	overflow:hidden
}

#BannerReacties #bannerReactiesContent .bannerReactiesElement{

	width:32%;
	float:left;
	overflow:hidden;
}

#BannerReacties #bannerReactiesContent .bannerReactiesElement p{
	overflow:hidden;
	margin:0px;
}

#BannerReacties #bannerReactiesContent .bannerReactiesElement div{
	float:left;
	margin:0px 20px 0px 0px;
	height:185px;
	width:40%;
	background-repeat:no-repeat !important;
	background-size:contain !important;
	background-position:top !important;
}

#BannerReacties #bannerReactiesContent .bannerReactiesElement:nth-of-type(2){
	margin:0 2%;
}

#BannerReacties #bannerReactiesContent #bannerReactiesAll{
	width:100%;
	float:left;
	text-align:center;
	margin:20px 0px 0px 0px;;
}

/*-------------------- WEBSITE MAKEN -------------------- */
#makeWebsite{
	z-index:1;
}

.makeWebsiteImage{
	margin:-290px 0px 0px 35px;
	width:25%;
	z-index:2;
}

#makeWebsite #makeWebsiteLeft{
	width:50%;
	float:left;
	padding:0px 50px 0px 50px;
}

#makeWebsite #makeWebsiteLeft .title{
	font-size:45px;
	margin:0px;
	line-height:48px;
	padding:0px 0px 20px 0px;
	text-align:left;
	font-weight:500;
}

#makeWebsite #makeWebsiteLeft span{
	font-weight:500;
}

#makeWebsite #makeWebsiteLeft p{
	font-weight:300;
}

#makeWebsite #makeWebsiteRight{
	width:50%;
	float:right;
}

#makeWebsite #makeWebsiteRight .websiteElement{
	float:left;
	width:30%;
	padding:0px 0px 50px 0px;
	margin: 0px;
	text-align: center;
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(2){
	margin:0 5%;
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(5){
	margin:0 5%;
}

#makeWebsite #makeWebsiteRight .websiteElement:hover{
	color:rgb(247,146,77)
}

#makeWebsite #makeWebsiteRight .websiteElement div{
	border-radius:50%;
	border:2px solid rgb(147,149,152);
	width:200px;
	height:200px; 
	background-repeat:no-repeat !important;
	background-position:center !important;
	background-size:auto !important;
	transition:0.2s;
	margin:0 auto;
	float:none;
}

#makeWebsite #makeWebsiteRight .websiteElement div:hover{
	border-radius:25%;
	border:2px solid rgb(247,146,77);
}

#makeWebsite #makeWebsiteRight .websiteElement p{
	float:left;
	text-align:center;
	width:100%;
	font-weight:300;
	margin:20px 0px 0px 0px;
}

/*-------------------- WEBSITE MAKEN ICONEN -------------------- */
#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(1) div{
	background-image:url(../images/eenvoudig.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(1) div:hover{

	background-image:url(../images/eenvoudig-hover.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(2) div{
	background-image:url(../images/uitbreiden.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(2) div:hover{
	background-image:url(../images/uitbreiden-hover.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(3) div{
	background-image:url(../images/responsive.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(3) div:hover{
	background-image:url(../images/responsive-hover.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(4) div{
	background-image:url(../images/domeinnaam.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(4) div:hover{
	background-image:url(../images/domeinnaam-hover.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(5) div{
	background-image:url(../images/design.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(5) div:hover{
	background-image:url(../images/design-hover.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(6) div{
	background-image:url(../images/online.png);
}

#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(6) div:hover{
	background-image:url(../images/online-hover.png);
}

/*-------------------- WEBSITE MAKEN GRIJS GEDEELTE -------------------- */
#makeWebsiteBottom{
	padding:60px 0px 15px 0px;
	background-color:rgb(237,236,233);
	z-index:1;
}

#makeWebsiteBottom .klantImage{
	width:18%;
	margin:0px 2% 2% 0px;
	float:left;
	display:block;
	height:200px;
	background-repeat:no-repeat !important;
	background-size:contain !important;
	background-position:center !important;
}

#makeWebsiteBottom .klantImage:nth-of-type(5n){
	margin:0px 0px 2% 0px;
}

/*-------------------- WERKING -------------------- */
#werking{
	font-weight:300;
}

#werking .title{
	font-size:45px;
}

#werking .werkingElement{
	float:left;
	font-size:20px;
	text-align:center;
	width:20%;
	padding:0px 25px 0px 0px;
}

#werking .werkingElement:nth-of-type(5){
	padding:0px 0px 0px 0px;
}

#werking .werkingElement div{
	border-radius:50%;
	border:2px solid rgb(147,149,152);
	width:200px;
	height:200px; 
	background-repeat:no-repeat;
	background-position:center;
	transition:0.2s;
	margin:0 auto;
}

#werking .werkingElement p{
	float:left;
	text-align:center;
	width:100%;
}

#werking .werkingElement p span{
	font-size:30px;
	float:left;
	margin:20px 0px 10px 0px;
	width: 100%;
	height:60px;
	overflow:hidden;
}

/*-------------------- WERKING ICONEN -------------------- */
#werking .werkingElement:nth-of-type(1) div:hover{
	border-radius:25%;
	border:2px solid rgb(96,197,219);
	background-image:url(../images/werking/gesprek-hover.png) !important;
}

#werking .werkingElement:nth-of-type(2) div:hover{
	border-radius:25%;
	border:2px solid rgb(96,197,219);
	background-image:url(../images/werking/vragenlijst-hover.png) !important;
}

#werking .werkingElement:nth-of-type(3) div:hover{
	border-radius:25%;
	border:2px solid rgb(96,197,219);
	background-image:url(../images/werking/template-hover.png) !important;
}

#werking .werkingElement:nth-of-type(4) div:hover{
	border-radius:25%;
	border:2px solid rgb(96,197,219);
	background-image:url(../images/werking/extra-hover.png) !important;
}

#werking .werkingElement:nth-of-type(5) div:hover{
	border-radius:25%;
	border:2px solid rgb(96,197,219);
	background-image:url(../images/werking/oplevering-hover.png) !important;
}

/*-------------------- OFFERTE -------------------- */
#offerte{
	padding:60px 0px 60px 0px;
	background-color:rgb(237,236,233);
}

#offerte .title{
	font-size:45px;
}

#offerte .footerElement{
	float:left;
	width:33.3%;
	padding:0px 40px 40px 0px;
}

#offerte .footerElement:nth-of-type(3){
	padding:0px 0px 40px 0px;
}

#offerte .footerElement:nth-of-type(1n+4){
	padding:0px 40px 0px 0px;
}

#offerte .footerElement:last-child{
	padding:0px;
}

#offerte input[type="text"], #offerte input[type="email"]{
	width:100%;
	background-color:rgb(211,210,207);
	border:0px;
	padding:15px;
	margin:0px;
	font-size:20px;
	color:rgb(130,130,130);
	font-weight:300;
}

#offerte button[type="submit"]{
	width:100%;
	background-color:rgb(242,143,75);
	font-size:24px;
	color:#FFF;
	padding:10px;
	border-style:none;
	text-decoration:none;
	box-shadow:5px 5px 0px rgb(172,102,53);
	transition:0.2s;
	font-weight:300;
}

#offerte button[type="submit"]:hover{
	background-color:rgba(242,143,75,0.9);
}

#offerte button[type="submit"]:active{
	box-shadow:0px 0px 0px 0px;
	position:relative;
    top:5px;
	left:5px;
}

/*-------------------- MEE DENKEN -------------------- */
#denken{
	text-align:center;
	padding:60px 0px 0px 0px;
	margin:0px 0px -7px 0px;
}

#denken .title{
	margin:0px;
	padding:0px 0px 50px 0px;
	font-size:45px;
	font-weight:500;
	color:rgb(72,64,54);
}

#denken span{
	font-weight:500;
}

#denken p{
	padding:50px 0px 60px 0px;
	font-weight:300;
}

/*-------------------- KLANTEN -------------------- */
#klanten{
	background-color:rgb(237,236,233);
	padding:60px 0px 60px 0px;
}

#klanten .klantElement{
	float:left;
	width:31%;
	background:#FFF;
	margin:0px 3% 0px 0px;
	padding:15px 20px;
}

#klanten .klantElement:last-child{
	margin:0px;
}

/*-------------------- BLOGS -------------------- */
#blogs{
	background-color:rgb(237,236,233);
	padding:60px 0px 60px 0px;
}

#blogs .blogElement{
	height:450px;
	width:32%;
	float:left;
	background:#FFF;
	text-align:center;
	overflow:hidden;
}

#blogs .blogElement:nth-of-type(2){
	margin:0 2%;
}

#blogs .blogElement .blogImage{
	background-repeat:no-repeat !important;
	background-size:cover !important;
	height:50%;
	background-position:center !important;
	position:relative;
	z-index:2;
}

#blogs .blogElement:hover .blogImage .overlay{
	display:block;
}

#blogs .blogElement .blogContent{
	float:left;
	height:50%;
	width:100%;
	text-align:center;
	overflow:hidden;
}

#blogs .blogElement .blogCircleTurn{
	font-size:30px;
	color:#FFF;
	top:180px;
	width:100%;
	text-align:center;
	margin:0px auto;
	position:absolute;
	z-index:1;
	transition:0.3s;
}

#blogs .blogElement:hover .blogImage .blogCircleTurn{
	-ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

#blogs .blogElement .blogCircleLeft{
	background-image:radial-gradient(circle at 100% 0, rgba(255,255,255,0) 25px, #FFF 26px);
	height:30px;
	float:left;
	width:50%;
	margin:195px 0px 0px 0px;
}

#blogs .blogElement .blogCircleRight{
	background-image:radial-gradient(circle at 0 0, rgba(255,255,255,0) 25px, #FFF 26px);
	height:30px;
	float:right;
	width:50%;
	margin:195px 0px 0px 0px;
}

#blogs .blogElement .overlay{
	position:absolute;
	bottom:0px;
	background:rgba(0, 0, 0, 0.5);
	height:100%;
	width:100%;
	z-index:-1;
	display:none;
	transition:0.3s;
}

#blogs .blogElement p{
	padding:20px;
	font-weight:300;
	color:rgb(70,70,70);
	margin:0px;
}

#blogs .blogElement p:last-child{
	height:145px;
	overflow:hidden;
}

#blogs .blogElement .blogContent .blogTitle{
	color:rgb(148,138,125);
	font-weight:500;
	font-size:30px;
	line-height:48px;
	padding:10px 20px 0px 20px;
	height:60px;
	overflow:hidden;
}

/*-------------------- FOOTER NIEUWSBRIEF -------------------- */
#nieuwsbrief{
	background-color:rgb(148,138,125);
	padding: 50px 0px 50px 0px;
}

#nieuwsbrief #nieuwsbriefContent{
	width:100%;
	padding:0px 50px 0px 0px;
	width:45%;
	float:left;
}

#nieuwsbrief #nieuwsbriefContent p{
	color:#FFF;
	font-size:45px;
	font-weight:500;
	padding:0px 0px 50px 0px;
	margin:0px;
}

#nieuwsbrief #nieuwsbriefContent .nieuwsbriefBottom{
	font-size:30px;
	font-weight:400;
	padding:0px;
	font-weight:300;
}

#nieuwsbrief #nieuwsbriefSubscribe{
	width:55%;
	float:right;
	padding:0px;
	margin:30px 0px 0px 0px;
}

#nieuwsbrief #nieuwsbriefSubscribe input[type="text"]{
	width:55%;
	background-color:rgb(133,124,112);
	border:1px solid rgb(248,247,247);
	padding:15px;
	font-size:20px;
	color:#FFF;
	float:left;
	font-weight:300;
}

#nieuwsbrief #nieuwsbriefSubscribe button[type="submit"]{
	width:40%;
	background-color:#FFF;
	font-size:24px;
	color:rgb(70,70,70);
	padding:10px;
	border-style:none;
	text-decoration:none;
	box-shadow:5px 5px 0px rgb(181,181,181);
	transition:0.2s;
	float:right;
	font-weight:300;
}

#nieuwsbrief #nieuwsbriefSubscribe button[type="submit"]:hover{
	background-color:rgba(255,255,255,0.9);
}

#nieuwsbrief #nieuwsbriefSubscribe button[type="submit"]:active{
	box-shadow:0px 0px 0px 0px;
	position:relative;
    top:3px;
	left:3px;
}

/*-------------------- FOOTER TOP -------------------- */
#footerTop{
	background-color:rgb(72,64,54);
	padding:50px 0px 50px 0px;
	color:#FFF;
}

#footerTop a{
	color:#FFF;
	text-decoration:none;
}

#footerTop p{
	margin:0px;
}

#footerTop a:hover{
	text-decoration:underline;
}

#footerTop .footerTopElement{
	width:33.3%;
	float:left;
	padding:0px 25px 0px 0px;
}

#footerTop .footerContact{
	width:20%;
	float:right;
	font-weight:300;
}

#footerTop .footerLinks{
	padding:0px 10px 0px 0px;
}


#footerTop .footerTopElement:last-child{
	padding:0px;
}

#footerTop ul{
	float:left;
	margin:0px;
	font-weight:300;
	width:100%;
}

#footerTop ul li{
	list-style-type:none;
	width:50%;
	float:left;
}

#footerTop .footerTopElement img{
	float:left;
	padding:0px 20px 20px 0px;
	width:35%;
}

#footerTop .footerTopElement .footerElementTitle{
	font-size:30px;
	font-weight:500;
	padding:0px 0px 50px 0px;
}

#footerTop .footerTopElement .footerElementTitle2{
	font-weight:500;
	float:left;
	width:65%;
}

#footerTop .footerTopElement .footerElementText{
	padding:0px 0px 20px 0px;
	font-weight:300;
	float:left;
	width:65%;
}

#footerTop .footerTopElement .laatsteNieuws{
	background-color:#FFF;
	font-size:24px;
	color:rgb(156,147,135);
	padding:5px;
	border-style:none;
	margin:0px;
	text-decoration:none;
	box-shadow:5px 5px 0px rgb(181,181,181);
	transition:0.2s;
	font-weight:300;
	float:right;
	width:65%;
}

#footerTop .footerTopElement .laatsteNieuws:hover{
	background-color:rgba(255,255,255,0.9);
}

#footerTop .footerTopElement .laatsteNieuws:active{
	box-shadow:0px 0px 0px 0px;
	position:relative;
    top:3px;
	left:3px;
}

/*-------------------- FOOTER BOTTOM -------------------- */
#footerBottom{
	padding:5px;
	font-size:14px;
	line-height:48px;
	text-align:center;
}

#footerBottom #footerBottomImage{
	position:absolute;
	z-index:1;
	float:left;
	padding:8px 0px 0px 0px;
}

#footerBottom #footerBottomLinks{
	position:relative;
	width:100%;
	z-index:2;
}

#footerBottom #footerBottomLinks a{
	color:rgb(70,70,70);
	text-decoration:none;
	padding:0px 10px 0px 0px;
	font-weight:300;
}

#footerBottom #footerBottomLinks a:last-child{
	padding:0px;
}

#footerBottom #footerBottomLinks a:hover{
	text-decoration:underline;
}

/*-------------------- HEADER DETAIL -------------------- */
#bannerPage{
	float:left;
	width:100%;
	padding:0;
	background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(../images/bannerDetail.jpg);
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center !important;
	background-attachment:fixed !important;
}

#bannerPage #bannerPageContent{
	width:100%;
	float:left;
	padding:60px 0px 105px 0px;
}

#bannerPage #bannerPageContent p, #bannerPage #bannerPageContent h1{
	text-align:right;
	color:#FFF;
	font-weight:300;
	font-size:55px;
	line-height:1.2em;
	margin:0px;
	padding:0px;
	letter-spacing:0;
}

#bannerPage #bannerPageContent .pinkLink{
	float:right;
	margin:20px 0px 0px 0px;
}

/*-------------------- BREADCRUMB -------------------- */
#breadCrumb{
	padding:10px 0px 0px 0px;
	font-weight:300;
}

#breadCrumb img{
	padding:0px 5px;
}

/*-------------------- SITECLUBBOUWT -------------------- */
#siteclubBouwt{
		padding:55px 0px 55px 0px;
}

#siteclubBouwt #siteclubBouwtLeft h1{
	text-align:left;
}

#siteclubBouwt #siteclubBouwtLeft{
	float:left;
	width:75%;
	margin:0px;
	padding:0px 55px 0px 0px;
}

#siteclubBouwt #siteclubBouwtRight{
	float:left;
	width:25%;
	margin:0px;
}

#siteclubBouwt p{
	float:left;
	width:100%;
	font-weight:300;
}

#siteclubBouwt span{
	color:rgb(148,138,125);
	font-size:30px;
	font-weight:500;
}

#siteclubBouwt #siteclubBouwtRight .siteclubBouwtRightMenu{
	float:left;
	width:100%;
	padding:10px;
	text-align:center;
	background-color:rgb(239,115,169);
	color:#FFF;
}

#siteclubBouwt #siteclubBouwtRight a .siteclubBouwtRightMenuElement{
	float:left;
	width:100%;
	padding:10px;
	text-align:center;
	color:rgb(70,70,70);
	font-weight:300;
}

#siteclubBouwt #siteclubBouwtRight a .siteclubBouwtRightMenuElement:hover{
	background-color:rgb(253,241,246);
}

#siteclubBouwt #siteclubBouwtRight #aanvraagOfferte{
	padding:50px 0px 0px 0px;
	font-weight:300;
	width:100%;
	float:left;
	text-align:center;
}

#siteclubBouwt #siteclubBouwtRight #aanvraagOfferte span{
	font-weight:400;
	font-size:24px;
	color:rgb(72,64,54);
}

#siteclubBouwt #siteclubBouwtRight #aanvraagOfferte a{
	color:rgb(70,70,70);
}

#siteclubBouwt #siteclubBouwtRight #aanvraagOfferte .blueLink{
	width:100%;
	margin:20px 0px 0px 0px;
	color:#FFF;
}

/*-------------------- KLANT REACTIES -------------------- */
#klantReacties{
	padding:25px 0px;
}

#klantReacties #klantReactiesContent{
	width:100%;
	padding:25px 0px 25px 0px;
	font-weight:300;
	overflow:hidden
}

#klantReacties #klantReactiesContent .klantReactiesElement{
	width:32%;
	float:left;
	overflow:hidden;
}

#klantReacties #klantReactiesContent .klantReactiesElement p{
	overflow:hidden;
	margin:0px;
}

#klantReacties #klantReactiesContent .klantReactiesElement img{
	float:left;
	padding:0px 20px 0px 0px;
}

#klantReacties #klantReactiesContent .klantReactiesElement:nth-of-type(2){
	margin:0 2%;
}

/*-------------------- TWIJFEL -------------------- */
#twijfel{
	background-color:rgb(237,236,233);
	text-align:center;
	padding:50px 0px;
}

#twijfel .title{
	font-size:45px;
	line-height:1.2em;
}

#twijfel p{
	padding: 0px 0px 35px 0px;
	margin:0px;
}

#twijfel p:last-child{
	padding:0px;
}

#twijfel p .offerteAanvragen{
	background-color:#FFF;
	font-size:24px;
	color:rgb(70,70,70);
	padding:5px;
	border-style:none;
	margin:0px;
	text-decoration:none;
	box-shadow:5px 5px 0px rgb(181,181,181);
	transition:0.2s;
	font-weight:300;
}

#twijfel p .offerteAanvragen:hover{
	background-color:rgba(255,255,255,0.9);
}

#twijfel p .offerteAanvragen:active{
	box-shadow:0px 0px 0px 0px;
	position:relative;
    top:5px;
	left:5px;
}

/*-------------------- FMAKENENENBEHEREN -------------------- */
#fMakenEnBeheren{
	padding:50px 0px;
}

#fMakenEnBeheren p{
	float:left;
	width:50%;
	font-weight:300;
}

#fMakenEnBeherenLeft{
	padding:0px 55px 0px 0px;
}

#fMakenEnBeheren p span{
	color:rgb(148,138,125);
	font-size:30px;
	font-weight:500;
}

/*-------------------- WERKING -------------------- */
.werkingFunc{
	background-color:rgb(237,236,233);
	padding:50px 0px;
}

/*-------------------- FUNCTIONLITEITEN -------------------- */
#functionaliteiten{
	padding:50px 0px;
}

#functionaliteiten .functionaliteitenElement{
	float:left;
	width:50%;
	padding:0px 50px 50px 0px;
	font-weight:300;
}

#functionaliteiten .functionaliteitenElement img{
	float:left;
	padding:0px 25px 0px 0px;
}

#functionaliteiten .functionaliteitenElement span{
	font-size:30px;
}

#functionaliteiten .functionaliteitenElement:nth-of-type(2n){
	padding:0px 0px 50px 0px;
}

/*-------------------- PAKKETTEN -------------------- */
#pakketten{
	padding:50px 0px;
}

#pakketten .title{
	text-align:left;
}

#pakketten table{
	float:left;
	width:100%;
	text-align:left;
	font-weight:300;
	border-collapse:collapse;
	font-size:20px;
	color:rgb(70,70,70);
	text-align:center;
	line-height:1.2em;
}

#pakketten table, th, td{
	border:2px solid rgb(227,227,227);
}

#pakketten table, tr:first-child td, #pakketten table, tr:last-child td{
	border:0px;
}

#pakketten table tr:first-child td:nth-of-type(1){
	color:rgb(150,139,126);
	font-size:30px;
	width:40%;
	font-weight:400;
	border:0px;
	padding:0px 0px 35px 15px;
}

#pakketten table tr:nth-of-type(1n) td:nth-of-type(1){
	text-align:left;
}

#pakketten table tr:first-child td:nth-of-type(2){
	color:rgb(237,114,168);
	font-size:30px;
	width:20%;
	padding:0px 0px 35px 0px;
	font-weight:400;
}

#pakketten table tr:first-child td:nth-of-type(3){
	color:rgb(90,195,216);
	font-size:30px;
	width:20%;
	padding:0px 0px 35px 0px;
	font-weight:400;
}

#pakketten table tr:first-child td:nth-of-type(4){
	color:rgb(241,143,74);
	font-size:30px;
	width:20%;
	padding:0px 0px 35px 0px;
	font-weight:400;
}

#pakketten table tr:last-child td:nth-of-type(2), #pakketten table tr:last-child td:nth-of-type(3), #pakketten table tr:last-child td:nth-of-type(4){
	color:rgb(150,139,126);
	font-size:30px;
}

#pakketten table tr td{
	padding:15px;
}

/*-------------------- KLANTEN OVERZICHT -------------------- */
#klantOverview{
	width:100%;
	float:left;
	margin:50px 0px 0px 0px;
}

#klantOverview .websiteElement{
	border:5px solid #edece9;
	margin:0px 2% 2% 0px;
	transition:0.3s;
	padding:30px;
}

#klantOverview .websiteElement:hover{
	border:5px solid #948a7d;
}

#klantOverview .websiteElement:nth-of-type(3n){
	margin:0px 0px 2% 0px;
}

@media screen and (max-width: 1800px) {
	.bannerBottomElement .bannerBottomTitle{
		font-size:25px;
	}
	
	.bannerBottomElement p{
		padding:0px;
	}
}

@media screen and (max-width: 1450px) {
	.container{
		width:100%;
		padding:0 25px;
	}
	
	/*-------------------- WEBSITE MAKEN -------------------- */
	#makeWebsite #makeWebsiteRight{
		padding:0px 25px 0px 0px;
	}
}

@media screen and (max-width: 1400px) {
	.bannerBottomElement:nth-of-type(6){
		display:none;
	}
	
	.bannerBottomElement:nth-of-type(5){
		border-right:0px;
	}
	
	.bannerBottomElement{
		width:20%;
	}
}

@media screen and (max-width: 1300px) {
	.wrapper{
		padding: 50px 0;
	}

	/*-------------------- BANNER REACTIES -------------------- */
	#BannerReacties #bannerReactiesContent .bannerReactiesElement{
		width:49%;
		margin: 0 1% 0 0;
	}
	
	#BannerReacties #bannerReactiesContent .bannerReactiesElement:nth-of-type(2){
		margin: 0 0 0 1%;
	}
	
	#BannerReacties #bannerReactiesContent .bannerReactiesElement:nth-of-type(3){
		display:none;
	}
	
	/*-------------------- MEE DENKEN -------------------- */
	#denken{
		padding:25px 0px 0px 0px;
	}
	
	/*-------------------- OFFERTE -------------------- */
	#offerte{
		padding:25px 0px 0px 0px;
	}
	
	/*-------------------- WEBSITES -------------------- */
	.websiteElement{
		padding:15px;
	}
	
	#websites{
		padding:25px 0px;
	}
	
	/*-------------------- BLOGS -------------------- */	
	#blogs{
		padding:25px 0px;
	}
	
	/*-------------------- KLANT REACTIES -------------------- */	
	#klantReacties #klantReactiesContent .klantReactiesElement{
		width:49%;
		margin: 0 1% 0 0;
	}
	
	#klantReacties #klantReactiesContent .klantReactiesElement:nth-of-type(2){
		margin: 0 0 0 1%;
	}
	
	#klantReacties #klantReactiesContent .klantReactiesElement:nth-of-type(3){
		display:none;
	}
}

@media screen and (max-width: 1250px) {
	/*-------------------- WEBSITE MAKEN -------------------- */
	#makeWebsite{
		padding:25px 0px 40px 0px;
	}
	
	#makeWebsite #makeWebsiteLeft{
		width:100%;
		padding:0px;
	}
	
	#makeWebsite #makeWebsiteRight{
		width:100%;
		padding:35px 0px 0px 0px;
	}
	
	.makeWebsiteImage{
		display:none;
	}
	
	#makeWebsiteBottom{
		padding:50px 0px 50px 0px;
	}
	
	#makeWebsite #makeWebsiteRight .orangeLink{
		width:50%;
		margin: 0 25%;
		text-align:center;
	}
}

@media screen and (max-width: 1200px){
	.bannerBottomElement:nth-of-type(5){
		display:none;
	}
	
	.bannerBottomElement:nth-of-type(4){
		border-right:0px;
	}
	
	.bannerBottomElement{
		width:25%;
	}
	
	#bannerTop{
		width:100%;
	}
}

@media screen and (max-width: 1100px) {
	/*-------------------- WERKING -------------------- */
	#werking .werkingElement{
		width:50%;
		padding:0px 25px 25px 0px;
	}
	
	#werking .werkingElement:nth-of-type(2n){
		padding:0px 0px 25px 0px;
	}
	
	/*-------------------- WEBSITES -------------------- */
	.websiteElement{
		width:49%;
	}
	
	.websiteElement:nth-of-type(1){
		margin:0px 2% 2% 0px;
	}
	
	.websiteElement:nth-of-type(2){
		margin:0px 0px 2% 0px;
	}
	
	.websiteElement:last-of-type{
		width:100%;
		margin:0px;
	}
	
	.websiteElement a{
		width:100%;
	}
	
	#klantOverview .websiteElement:nth-of-type(3n){
		margin:0px 2% 2% 0px;
	}
	#klantOverview .websiteElement:nth-of-type(2n){
		margin:0px 0px 2% 0px;
	}
	#klantOverview .websiteElement:last-of-type{
		width:49%;
	}
	
	/*-------------------- OFFERTE -------------------- */
	#offerte .footerElement{
		width:50%;
	}
	
	#offerte .footerElement:nth-of-type(3){
		padding:0px 40px 40px 0px;
	}
	
	#offerte .footerElement:nth-of-type(1n+4){
		padding:0px 40px 40px 0px;
	}
	
	#offerte .footerElement:nth-of-type(2n){
		padding:0px 0px 40px 0px;
	}
	
	#offerte .footerElement:nth-of-type(5){
		padding:0px 40px 0px 0px;
	}
	
	#offerte .footerElement:last-child{
		padding:0px;
	}
	
	/*-------------------- BLOGS -------------------- */
	#blogs .blogElement{
		width:49%;
	}
	
	#blogs .blogElement:nth-of-type(1){
		margin:0px 2% 2% 0px;
	}
	
	#blogs .blogElement:nth-of-type(2){
		margin:0px;
	}
	
	#blogs .blogElement:last-of-type{
		width:100%;
	}
	
	/*-------------------- FOOTER TOP -------------------- */
	#footerTop .footerLinksLeft{
		width:100%;
	}
	
	#footerTop .footerLinksRight{
		float:left;
		width:100%;
		padding:0px;
	}
	
	#footerTop .footerTopElement img{
		display:none;
	}
	
	/*-------------------- FUNCTIONLITEITEN -------------------- */
	#functionaliteiten .functionaliteitenElement{
		width:100%;
		padding:0px 0px 50px 0px;
	}

	#functionaliteiten .functionaliteitenElement:last-child{
		padding:0px;
	}
}

@media screen and (max-width: 1000px) {
	.bannerBottomElement:nth-of-type(4){
		display:none;
	}
	
	.bannerBottomElement:nth-of-type(3){
		border-right:0px;
	}
	
	.bannerBottomElement{
		width:33.3%;
	}
	
	/*-------------------- BANNER REACTIES -------------------- */
	#BannerReacties #bannerReactiesContent .bannerReactiesElement{
		width:100%;
		margin: 0;
	}
	
	#BannerReacties #bannerReactiesContent .bannerReactiesElement:nth-of-type(2){
		display:none;
	}
	
	/*-------------------- WEBSITE MAKEN -------------------- */
	#makeWebsiteBottom{
		padding: 25px 0px 25px 0px;
	}
	
	/*-------------------- MEE DENKEN -------------------- */
	#denken img{
		width:100%;
	}
	
	/*-------------------- OFFERTE -------------------- */
	#offerte{
		padding: 25px 0px 25px 0px;
	}
	
	/*-------------------- FOOTER BOTTOM -------------------- */
	#footerBottom #footerBottomImage{
		display:none;
	}
	
	/*-------------------- KLANT REACTIES -------------------- */	
	#klantReacties #klantReactiesContent .klantReactiesElement{
		width:100%;
		margin:0px;
	}
	
	#klantReacties #klantReactiesContent .klantReactiesElement:nth-of-type(2){
		display:none;
	}
}

@media screen and (max-width: 900px) {
	/*-------------------- SITECLUBBOUWT -------------------- */
	#siteclubBouwt #siteclubBouwtLeft{
		float:left;
		width:100%;
		margin:0px;
		padding:0px 0px 25px 0px;
	}

	#siteclubBouwt #siteclubBouwtRight{
		float:left;
		width:100%;
		margin:0px;
	}
}

@media screen and (max-width: 800px){
	/*-------------------- OFFERTE -------------------- */
	#offerte .footerElement{
		width:100%;
		padding:0px 0px 10px 0px;
	}
	
	#offerte .footerElement:nth-of-type(3){
		padding:0px 0px 10px 0px;
	}
	
	#offerte .footerElement:nth-of-type(1n+4){
		padding:0px 40px 40px 0px;
	}
	
	#offerte .footerElement:nth-of-type(2n){
		padding:0px 0px 10px 0px;
	}
	
	#offerte .footerElement:nth-of-type(5){
		padding:0px 0px 10px 0px;
	}
	
	#offerte .footerElement:last-child{
		padding:0px 0px 10px 0px;
	}
}

@media screen and (max-width: 750px) {
	#headerContainer img{
		width:32%;
	}
}

@media screen and (max-width: 700px) {
	.banner .bannerContent{
		padding: 15px;
	}
	
	#bannerPage #bannerPageContent{
		padding:0px 0px 45px 0px;
	}
	
	.columnText p{
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
		columns: auto 1;
		-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
		column-gap: 0px;
	}

	.bannerBottomElement:nth-of-type(3){
		display:none;
	}
	
	.bannerBottomElement:nth-of-type(2){
		border-right:0px;
	}
	
	.bannerBottomElement{
		width:50%;
	}
	
	/*-------------------- WEBSITES -------------------- */
	.websiteElement{
		width:100%;
		margin:0px 0px 35px 0px;
	}
	
	.websiteElement:last-of-type{
		margin:0px;
	}
	
	#klantOverview .websiteElement:last-of-type{
		width:100%;
	}
	
	/*-------------------- WERKING -------------------- */
	#werking{
		padding:25px 0px 25px 0px;
	}
	
	#werking .werkingElement{
		width:50%;
		padding:0px 25px 35px 0px;
	}
	
	#werking .werkingElement:nth-of-type(2n){
		padding:0px 0px 35px 0px;
	}
	
	/*-------------------- MEE DENKEN -------------------- */
	#denken{
		padding:25px 0px 0px 0px;
	}
	
	#denken img{
		width:100%;
	}
	
	/*-------------------- BLOGS -------------------- */
	#blogs .blogElement{
		width:100%;
		margin:0px 0px 35px 0px;
	}
	
	#blogs .blogElement:nth-of-type(2){
		margin:0px 0px 2% 0px;
	}
	
	#blogs .blogElement:last-of-type{
		margin:0px;
	}
	
	/*-------------------- FOOTER NIEUWSBRIEF -------------------- */
	#nieuwsbrief #nieuwsbriefContent{
		width:100%;
		padding:0px;
	}
	
	#nieuwsbrief #nieuwsbriefSubscribe{
		width:100%;
		padding:0px 0px 25px 0px;
	}
	
	#nieuwsbrief #nieuwsbriefSubscribe input[type="text"]{
		width:100%;
		margin:0px 0px 10px 0px;
	}
	
	#nieuwsbrief #nieuwsbriefSubscribe button[type="submit"]{
		width:100%;
	}
	
	/*-------------------- FOOTER TOP -------------------- */
	#footerTop .footerTopElement{
		width:100%;
		padding:0px 0px 50px 0px;
	}
	
	#footerTop .footerTopElement .footerElementTitle{
		padding:0px 0px 10px 0px;
	}
	
	#footerTop .footerLinksRight{
		padding:0px 0px 0px 5px;
	}
	
	#footerTop .footerLinksRight{
		padding:0px;
	}
	
	/*-------------------- WEBSITE MAKEN -------------------- */
	#makeWebsite #makeWebsiteRight .websiteElement div{
		width:150px;
		height:150px;
	}
	
	/*-------------------- WERKING -------------------- */
	#werking .werkingElement div{
		width:150px;
		height:150px;
	}
	
	/*-------------------- FMAKENENENBEHEREN -------------------- */
	#fMakenEnBeheren p{
		width:100%;
	}
	
	#fMakenEnBeherenLeft{
		padding:0px;
	}
	
	.websiteTitle{
		height:auto;
	}
}

@media screen and (max-width: 600px) {
	.bannerBottomElement:nth-of-type(2), .bannerBottomElement:nth-of-type(1){
		display:none;
	}
	
	#headerContainer .logo{
		width:75%;
	}
	
	/*-------------------- WEBSITE MAKEN -------------------- */
	#makeWebsite #makeWebsiteRight .websiteElement{
		width:50%;
		padding:0 20px 20px;
	}
	
	#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(2),#makeWebsite #makeWebsiteRight .websiteElement:nth-of-type(5){
		margin:0;
	}
	
	/*-------------------- WERKING -------------------- */
	#werking .werkingElement{
		width:100%;
		padding:0px 0px 25px 0px;
	}
	
	/*-------------------- PAKKETTEN -------------------- */
	#pakketten table{
		font-size:14px;
	}
	
	#pakketten table tr td{
		padding:5px;
	}
	
	#pakketten table tr td img{
		width:25%;
	}
	
	#pakketten table tr:first-child td:nth-of-type(1){
		width:70%;
	}
	
	#pakketten table tr:first-child td:nth-of-type(2){
		width:10%;
	}
	
	#pakketten table tr:first-child td:nth-of-type(3){
		width:10%;
	}
	
	#pakketten table tr:first-child td:nth-of-type(4){
		width:10%;
	}
	
	#pakketten table tr:last-child td:nth-of-type(2), #pakketten table tr:last-child td:nth-of-type(3), #pakketten table tr:last-child td:nth-of-type(4){
		font-size:14px;
	}
	
	#bannerHome{
		height:auto;
	}
	#bannerTop{
		padding:0px 35px 0px 35px;
	}
	#bannerTop .bannerTopTitle{
		font-size:30px;
		line-height:1.2em;
	}
	#bannerTop .bannerTopContent{
		font-size:20px;
		line-height:1.2em;
	}
	#bannerTop p .blueLink{
		width:100%;
		margin:0px 0px 10px 0px;
	}
	#bannerTop p .pinkLink{
		width:100%;
		margin:0px 0px 25px 0px;
	}
	
	.blueLink, .pinkLink, .orangeLink, #offerte button[type="submit"]{
		font-size:20px;
	}
	h1{
		font-size:30px;
		line-height:1.2em;
	}
	h2{
		font-size:26px;
		line-height:1.2em;
	}
	h3{
		font-size:22px;
		line-height:1.2em;
	}
	.banner .bannerContent p{
		font-size:30px;
	}
	.title{
		font-size:30px;
	}
	.textBlock .subTitle{
		font-size:24px;
	}
	#makeWebsite #makeWebsiteLeft .title{
		font-size:30px;
		line-height:1.2em;
	}
	#werking .title, #offerte .title. #denken .title{
		font-size:30px;
	}
	#bannerPage #bannerPageContent p, #bannerPage #bannerPageContent h1{
		font-size:30px;
	}
	#mainContact input[type="text"]{
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	/*-------------------- WEBSITE MAKEN -------------------- */
	#makeWebsite #makeWebsiteRight .websiteElement{
		width:100%;
		padding:0px 0px 25px 0px;
	}
	
	#makeWebsite #makeWebsiteRight .orangeLink{
		width:100%;
		margin: 0 0;
	}	

	#BannerReacties #bannerReactiesAll .blueLink{
		width:100%;
	}
	
	#headerContainer img{
		width:45%;
	}
}

@media screen and (max-width: 480px) {	
	/*-------------------- BANNER REACTIES -------------------- */
	#BannerReacties #bannerReactiesContent .bannerReactiesElement img{
		display:none;
	}
	
	#BannerReacties #bannerReactiesContent .bannerReactiesElement{
		height: auto;
	}
	
	#bannerReactiesAll .blueLink{
		float:left;
		margin:20px 0 20px;
	}
	
	#makeWebsiteBottom .title{
		font-size:35px;
		padding: 0px 0px 25px 0px;
	}
	
	#functionaliteiten .title{
		font-size:35px;
	}
	
	/*-------------------- KLANT REACTIES -------------------- */	
	#klantReacties #klantReactiesContent .klantReactiesElement img{
		display:none;
	}
}

@media screen and (max-width: 350px) {
	#headerContainer img{
		width:65%;
	}
}