/*
==  THEME DETAILS  ============================================================
    Theme Name: HW Multi Service
    Theme URI: http://hwmultiservice.nl/
    Description: Stylesheet voor HW Multi Service
    Version: 1.0
    Author: Communicatiebureau Fenomediaal 
    Author URI: http://www.fenomediaal.nl
===============================================================================
*/

/*-----------------------------------------------------------------------------------

	1.  	Basics 
	2. 		Header
	2.1		Navigation
	2.2		Navigation Mobile
	3.		Frontpage Presentation
	3.1 	Frontpage Intro
	3.2		Frontpage Diensten
	3.3		Frontpage Social Media
	4.  	Subpage Title
	4.1		Subpage Content
	4.2		Subpage Diensten
	4.3		Subpage Projecten
	4.3.1	Subpage Projecten Details
	4.4		Subpage Contact
	4.5		Subpage Social Media
	5.  	Footer
	
-----------------------------------------------------------------------------------*/

/*---------------------------------------------- 
	1. Basics
------------------------------------------------*/

	body {
		font-family: 'Catamaran', sans-serif;
		font-size:17px;
		line-height:30px;
		color: #231f20;	
		background: #FFF;
	}

	a, a:hover, .btn, .btn:hover {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		text-decoration:none;	
	}

	a {
		color:#ed1c24;
	}

	a:hover {
		color: #d1d2d4;
	}

	
	h1, h2, h3, h4 {
		font-family: 'Roboto Slab', serif;
		color: #ed1c24;
		font-weight:700;
		margin: 0;
		padding: 0;
	}
	
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size:36px;
	}
	
	h3 {
		font-size:20px;
	}
	
	@media (max-width : 736px) {
		h1 {
			font-size: 30px;
		}	
	}

/* Buttons -------------------------------------- */
	.btn-primary {
		background: none;
		color: #ed1c24;	
		border: 2px solid #ed1c24;	
		border-radius: 5px;
	}
	
	.btn-primary:hover {
		background: #231f20;
		color: #FFF;
		text-decoration:none;
		border: 2px solid #231f20;
	}
	
	.btn-secondary {
		background: none;
		color: #231f20;	
		border: 2px solid #231f20;	
		border-radius: 5px;
	}
	
	.btn-secondary:hover {
		background: #ed1c24;
		color: #FFF;
		text-decoration:none;
		border: 2px solid #ed1c24;
	}
	
	.btn-info {
		background: #ed1c24;
		color: #FFF;	
		border: none;
		border-radius: 5px;
	}
	
	.btn-info:hover {
		background: #231f20;
		color: #FFF;
		text-decoration:none;
		border: none;
	}
	
	.btn-lg {
	  padding: 15px 30px;
	  font-size: 17px;
	  font-weight:normal;
	  line-height: 1;
	}
	
	.btn-md {
	  padding: 10px 20px;
	  font-size: 16px;
	  font-weight:normal;
	  line-height: 1;
	}
	
/* Icomoon -------------------------------------- */	
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?l9h7df');
    src:    url('../fonts/icomoon.eot?l9h7df#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?l9h7df') format('truetype'),
        url('../fonts/icomoon.woff?l9h7df') format('woff'),
        url('../fonts/icomoon.svg?l9h7df#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-chauffeur:before {
    content: "\e900";
}
.icon-kraanmachinist-allround:before {
    content: "\e901";
}
.icon-kraanmachinist:before {
    content: "\e902";
}
.icon-monteur:before {
    content: "\e903";
}
.icon-werkvoorbereider:before {
    content: "\e904";
}

/*---------------------------------------------- 
	2. Header
------------------------------------------------*/
	#header {
		background: #FFF;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.5);
		box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.5);
		z-index:999;
		position:relative;	
	}
	#header .brand {
		margin: 10px 0;
	}
	
/*---------------------------------------------- 
	2.1 Navigation
------------------------------------------------*/				
	#header #hoofdmenu {
		padding-left: 70px;	
	}
	
	#header #hoofdmenu li:first-child a {
		border-left: 1px solid #d1d2d4;	
	}
	
	#header #hoofdmenu li a {
		font-size: 18px;
		line-height:1;
		font-weight:700;
		color: #231f20;
		padding: 51px 30px;
		background: none;
		border-right: 1px solid #d1d2d4;
	}
	
	#header #hoofdmenu .current_page_item:before {
		content: "";
		background: #ed1c24;
		position: absolute;
  		height: 2px;
  		top: 0;
  		width: 100%;
	}
			
	#header #hoofdmenu .current_page_item a {
		color: #ed1c24 !important;
	}

	#header #hoofdmenu li a:hover {
		color: #FFF;
		background:	#ed1c24;
	}
		
	#header #hoofdmenu .current_page_item a:hover {
		background: none;	
	}
	
	#header .navigation span {
		margin: 0;
		float:right;
	}
	
	#header .navigation span i {
		color: #d1d2d4;
		font-size: 26px;
		margin-top: 48px;
		position:absolute;
	}
	
	#header .navigation span p {
		font-size: 17px;
		margin: 46px 0 0 20px;
		color: #ed1c24;
	}
	
	@media (max-width : 1024px) {
		#header #hoofdmenu {
			padding-left: 30px;	
		}	
		#header #hoofdmenu li a {
			font-size: 17px;
			padding: 51px 24px;
		}
	}
	
	@media (max-width : 768px) {
		#header #hoofdmenu {
			padding-left: 0;	
		}
	}

/*---------------------------------------------- 
	2.2 Navigation Mobile
------------------------------------------------*/	
	button {
		background: none;
		font-size:28px;
		border: 2px solid #231f20;
		border-radius:200%;
		width:60px;
		height:60px;	
		margin-top:30px;
		float:right;
		padding: 0;
	}
	
	button i {
		line-height:60px;
		color: #ed1c24;
		margin: 0;
		padding: 0;
	}
	
	/* Overlay style */
	.overlay {
		position: fixed;
		width: 100%;
		z-index:9999;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(237, 28, 36, 0.9);
	}
	
	/* Overlay closing cross */
	.overlay .overlay-close {
		width: 60px;
		height: 60px;
		position: absolute;
		right: 25px;
		top: 0;
		overflow: hidden;
		border: none;
		background: url(../images/cross.png) no-repeat center center;
		text-indent: 200%;
		color: transparent;
		outline: none;
		z-index: 9999;
	}
	
	/* Menu style */
	.overlay nav {
		text-align: center;
		position: relative;
		top: 50%;
		height: 60%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.overlay ul {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		display: inline-block;
		height: 100%;
		position: relative;
	}
	
	.overlay ul li {
		display: block;
		margin-bottom:70px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.overlay ul li a { 
		display: block;
		font-size: 24px;
		color: #fff !important;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
		padding: 0 !important;
		border: none !important;
	}
	
	.overlay ul li a:hover,
	.overlay ul li a:focus {
		background: none;
	}
	
	
	/* Effects */
	.overlay-scale {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
		transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	}
	
	.overlay-scale.open {
		visibility: visible;
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);	
		-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
		transition: transform 0.4s, opacity 0.4s;
	}
	
	@media (max-width : 768px) {
		#header #hoofdmenu .current_page_item a {
			color: #231f20 !important;
		}
		#header #hoofdmenu li a {
			font-size: 20px;
		}
	}
	
	@media (max-width : 736px) {
		.overlay nav {
			top: 50%;	
		}
		.overlay .overlay-close {
			right: 16px;	
		}
		#header #hoofdmenu li a {
			font-size: 15px;
		}
		.overlay ul li {
			margin-bottom:40px;
		}
	}
	
	@media (max-width : 450px) {
		#header #hoofdmenu li a {
			font-size: 20px;
		}
		.overlay ul li {
			margin-bottom:50px;
		}
	}
/*---------------------------------------------- 
	3. Frontpage Presentation
------------------------------------------------*/
	#frontpage-presentation {
		z-index:-9999;
	}
	
	#frontpage-presentation #owl-slider .item {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;	
		min-height: 600px;
	}
	
	#frontpage-presentation #owl-slider .item .content {
		margin-top: 170px;
	}
	
	#frontpage-presentation #owl-slider .item h2 {
		font-size: 45px;
		color: #FFF;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
		margin-bottom: 15px;		
	}
	
	#frontpage-presentation #owl-slider .item p {
		font-size: 20px;
		color: #FFF;
		font-weight:300;
		margin-bottom: 15px;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);		
	}
	
	@media (max-width : 1024px) {
		#frontpage-presentation #owl-slider .item {
			min-height:500px;
		}	
	}
	
	@media (max-width : 736px) {
		#frontpage-presentation #owl-slider .item {
			min-height:300px;
		}
		#frontpage-presentation #owl-slider .item .content {
			margin-top: 70px;
			text-align:center;
		}
		#frontpage-presentation #owl-slider .item h2 {
			font-size: 30px;
		}
		#frontpage-presentation #owl-slider .item p {
		font-size: 17px;
		}
	}

	
/*---------------------------------------------- 
	3.1 Frontpage Intro
------------------------------------------------*/	
	#frontpage-intro {
		padding:50px 0;
	}
	
	#frontpage-intro p {
		margin-bottom: 15px;	
	}
	
	#frontpage-intro h1 {
		margin-bottom: 35px;	
	}

/*---------------------------------------------- 
	3.2 Frontpage diensten
------------------------------------------------*/	
	#frontpage-diensten {
		background:#ed1c24;
		color: #FFF;
	}
	
	#frontpage-diensten .omschrijving {
		padding-top: 60px;
	}
	
	#frontpage-diensten .omschrijving h2 {
		font-size: 30px;
		color: #FFF;
		margin-bottom: 30px;
	}
	
	#frontpage-diensten .omschrijving a {
		color: #d1d2d4;
		font-weight: 700;	
		display: block;
	}
	
	#frontpage-diensten .omschrijving a:hover {
		color: #FFF;
	}
	
	#frontpage-diensten .omschrijving p + a {
		margin-top:25px;	
	}
	
	#owl-diensten .owl-controls .owl-buttons div {
		background: none;
		width: 70px;
		height: 70px;	
	}
	
	#owl-diensten .owl-controls .owl-buttons .owl-next {
		left : 502px;
		bottom: 0 !important;
		top: auto;
		background: #d1d2d4;
	}
	
	#owl-diensten .owl-controls .owl-buttons .owl-prev {
		bottom: 0 !important;
		top: auto;
		left: 431px;
		background: #d1d2d4;
	}
	
	#owl-diensten .owl-controls .owl-buttons i {
		font-size:30px;	
		color: #FFF;
		opacity:1 !important;
		z-index:9999;
		padding-top:20px;
	}
	
	@media (max-width : 1024px) {
		#frontpage-diensten .omschrijving {
		padding-top: 30px;
		}	
		#owl-diensten .owl-controls .owl-buttons .owl-next {
			left : 420px;
		}
	
		#owl-diensten .owl-controls .owl-buttons .owl-prev {
			left: 349px;
		}
	}
	
	@media (max-width : 768px) {
		#frontpage-diensten .omschrijving {
			text-align:center;
			margin-bottom: 30px;
		}
		#frontpage-diensten .image img {
			margin: 0 auto;		
			width: 100%;
		}
		#owl-diensten .owl-controls .owl-buttons .owl-next {
			left : auto;
			right: 40%;
		}
		#owl-diensten .owl-controls .owl-buttons .owl-prev {
			left: 40%;
		}
	}
	
	@media (max-width : 736px) {
		#owl-diensten .owl-controls .owl-buttons .owl-next {
				left : auto;
				right: 15px;
		}
		#owl-diensten .owl-controls .owl-buttons .owl-prev {
			left: 15px;
		}
		#frontpage-diensten .omschrijving {
			height: 250px;
		}
	}
	
	@media (max-width : 450px) {
		#frontpage-diensten .omschrijving {
			height: 330px;
		}	
	}
/*---------------------------------------------- 
	3.3 Frontpage Social Media
------------------------------------------------*/
	#social-media-frontpage {
		background: #FFF;
		padding: 50px 0;
	}
	
	#social-media-frontpage h2 {
		margin-bottom: 25px;	
	}
	
	#social-media-frontpage p {
		margin-bottom:40px;	
	}
		
	#social-media-frontpage .social-media .icoon {
		text-align: center;	
		display:inline-block;
		margin: 0 auto;	
	}
	
	#social-media-frontpage i{
		font-size: 28px;
		color: #231f20;
		background:#none;
	}
	
	#social-media-frontpage .icoon + .icoon {
		margin-left: 35px;	
	}
	
	#social-media-frontpage .icoon i {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
	}
	
	#social-media-frontpage .icoon i:hover {
		color: #ed1c24;	
	}
	
	#social-media-frontpage .list-inline li {
		padding:0;
	}
	
/*---------------------------------------------- 
	4. Subpage Title
------------------------------------------------*/	
	#page-content-title {
		background: #e6e6e6;	
		padding: 80px 0 0 0;
		max-height:420px;
		margin-bottom: 165px;
		z-index:-9999;
	}
	
	#page-content-title h1 {
		color: #231f20;
	}
	
	#page-content-title p {
		font-weight: 100;
		font-size:25px;
		padding: 20px 0;	
		margin: 0;
	}
	
	#page-content-title img {
		display:block;
	}
	
	@media (max-width : 1024px) {
		#page-content-title {
			padding: 60px 0 0 0;
			max-height:360px;
			margin-bottom:145px;
		}
	}
	
	@media (max-width : 768px) {
		#page-content-title {
			margin-bottom:80px;
		}	
	}
	
	@media (max-width : 736px) {
		#page-content-title {
			max-height:290px;
		}
	}
	
	@media (max-width : 450px) {
		#page-content-title {
			padding: 50px 0 0 0;
			max-height:210px;
			margin-bottom:50px;
		}
		#page-content-title p {
			font-size: 20px;	
			padding: 15px 0;
		}
	}
/*---------------------------------------------- 
	4.1 Subpage Content
------------------------------------------------*/	
	#page-content {
		padding-top: 40px;	
	}
	
	#page-content p + p,
	#page-content p + h3 {
		margin-top: 20px;
	}
	
	#page-content h3 {
		margin: 0 0 15px 0;	
	}
	
	#page-content + #social-media-subpage {
		margin-top: 40px;	
	}
	
	@media (max-width : 1024px) {
		#gallery-1 img {
			width: 220px;
			height: 150px;
		}
	}
	
	@media (max-width : 768px) {
		#gallery-1 img {
			width: 180px;
			height: 120px;
		}
	}
	
	@media (max-width : 450px) {
		#gallery-1 img {
			width: 100px;
			height: 60px;
		}
	}
	
/*---------------------------------------------- 
	4.2 Subpage Diensten
------------------------------------------------*/	
	#diensten-overzicht {
		padding-bottom: 20px;	
	}
	
	#diensten-overzicht .item {
		padding-top: 25px;
		padding-bottom: 25px;	
	}
	
	#diensten-overzicht .row + .row {
		border-top: 1px solid #d1d2d4;
	}
	
	#diensten-overzicht .item .icoon {
		padding-top: 15px;		
	}
	
	#diensten-overzicht .item .icoon i {
		font-size: 80px;
		color: #231f20;
	}
	
	#diensten-overzicht .icoon h3 {
		font-size: 24px;
		margin: 20px 0 30px 0;	
	}
	
	#diensten-overzicht .item .omschrijving p {
		margin: 0;
	}
	
	#diensten-overzicht .item .omschrijving ul {
		margin-top: 15px;
	}
	
	#diensten-overzicht .item .omschrijving p + p {
		margin-top:15px;	
	}
	
	@media (max-width : 768px) {
		#diensten-overzicht .item .icoon {
			padding: 0 0 30px 0;
		}
	}
	
	@media (max-width : 736px) {
		#diensten-overzicht .item {
			padding: 0 0 30px 0;
		}
		
		#diensten-overzicht .item h3 {
			text-align: center;	
		}
		
		#diensten-overzicht .item .icoon {
			padding: 0 0 10px 0;
		}
		
		#diensten-overzicht .item + .item {
			padding-top: 30px;
		}
		#diensten-overzicht .icoon h3 {
			margin-bottom: 30px;	
		}
	}
	
/*---------------------------------------------- 
	4.3 Subpage Projecten
------------------------------------------------*/	
	#projecten-overzicht {
		padding-bottom: 10px;		
	}
	
	#projecten-overzicht .item {
			margin-bottom: 30px;
		}
	
	#projecten-overzicht .item img {
		width: 100%;	
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;	
	}
	
	#projecten-overzicht .item img:hover {
		opacity: 0.8;
	}
		
	#projecten-overzicht .item .details {
		border-left: 1px solid #d1d2d4;
		border-right: 1px solid #d1d2d4;
		border-bottom: 1px solid #d1d2d4;
		padding: 25px 15px;
	}
	
	#projecten-overzicht .item .details h3 {
		font-size: 22px;
		border-bottom: 1px solid #d1d2d4;
		padding-bottom: 15px;
		margin-bottom:15px
	}
	
	#projecten-overzicht .item .details a {
		color: #231f20;
		font-weight: 500;
		font-size: 20px;	
	}
	
	#projecten-overzicht .item .details a:hover {
		color: #d1d2d4;	
	}
	
	.row-centered {
    	text-align:center;
	}
	
	.col-centered {
		display:inline-block;
		float:none;
		/* reset the text-align */
		text-align:center;
		/* inline-block space fix */
		margin-right:-4px;
	}
	
	@media (max-width : 1200px) {
		#projecten-overzicht .item .details h3 {
			font-size: 18px;
		}
	}
	
	@media (max-width : 768px) {
		#projecten-overzicht .item .details h3 {
			height: 55px;
		}	
	}

	@media (max-width : 736px) {
		#projecten-overzicht .item .details h3 {
			font-size: 22px;
		}
	}
	
/*---------------------------------------------- 
	4.3.1 Subpage Projecten Details
------------------------------------------------*/	
	#project-content-title {
		background: #e6e6e6;	
		padding: 80px 0 40px 0;	
	}
	
	#project-content-title h1 {
		color: #231f20;
		line-height: 40px;
	}
	
	#project-content {
		padding: 50px 0;	
	}
	
	#project-content .button-return {
		margin-top: 20px;	
	}
	
	#project-content .specificaties h3 {
		margin-bottom: 15px;
	}
	
	#project-content .specificaties p + h3 {
		margin-top: 20px;	
	}
	
	#project-content .specificaties .btn {
		margin-top: 25px;
	}

/* Owl Carrousel -------------------------------------- */	
	#owl-galerij-project .owl-controls .owl-buttons div {
		background: url('../images/owl-controls-project.png') no-repeat;
	}
	
	owl-galerij-project .owl-controls .owl-buttons .owl-prev {
		background-position: left;	
	}
	
	#owl-galerij-project .owl-controls .owl-buttons .owl-next {
		background-position: right;	
	}
	
	#owl-galerij-project .owl-controls {
		margin-top:10px;
	}
	
	#owl-galerij-project .owl-controls .owl-page span {
		background: #ed1c24;	
	}
	
	#owl-galerij-project .owl-controls .owl-page.active span, 
	#owl-galerij-project .owl-controls.clickable .owl-page:hover span {
		background: #d1d2d4;	
	}
	
	@media (max-width : 736px) {
		#project-content-title {
			padding: 60px 0 30px 0;
		}
		#project-content .specificaties {
			margin-top:20px;
		}
		#project-content .specificaties .btn {
			margin-top: 20px;
		}
		#project-content .button-return	{
			margin-top:20px;
		}
	}
	
	@media (max-width : 450px) {
		#project-content {
			text-align:center;
		}
	}
/*---------------------------------------------- 
	4.4 Subpage Contact
------------------------------------------------*/
	#page-content .formulier label {
		color: #231f20;	
	}
	
	#page-content .formulier h3, 
	#page-content .gegevens h3{
		margin-bottom:20px;
		font-size: 25px;
	}
	
	#page-content .formulier .btn {
		margin-top:20px;	
	}
	
	#page-content .gegevens ul {
		margin-top:30px;
	}
	
	#page-content .gegevens ul li {
		font-size: 18px;
		line-height: 35px;
	}
	
	#page-content .gegevens li + li.title {
		margin-top:15px;	
	}
	
	@media (max-width : 736px) {
		#page-content .formulier {
			padding-bottom: 20px;	
		}
		#page-content .gegevens {
			border-top: 1px solid #d1d2d4;
			padding-top:20px;
			text-align:center;
		}
	}

/*---------------------------------------------- 
	4.5 Subpage Social Media
------------------------------------------------*/
	#social-media-subpage {
		background: #ed1c24;
		padding: 50px 0;
	}
	
	#social-media-subpage h2 {
		margin-bottom: 25px;
		color: #FFF;	
	}
	
	#social-media-subpage p {
		margin-bottom:40px;	
		color: #FFF;
	}
		
	#social-media-subpage .social-media .icoon {
		text-align: center;	
		display:inline-block;
		margin: 0 auto;	
	}
	
	#social-media-subpage i{
		font-size: 28px;
		color: #d1d2d4;
		background:#none;
	}
	
	#social-media-subpage .icoon + .icoon {
		margin-left: 35px;	
	}
	
	#social-media-subpage .icoon i {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
	}
	
	#social-media-subpage .icoon i:hover {
		color: #231f20;	
	}
	
	#social-media-subpage .list-inline li {
		padding:0;
	}
	

/*---------------------------------------------- 
	5. Footer
------------------------------------------------*/
	#footer{
		background: #231f20;
		padding: 60px 0 0 0;
	}
	
	#footer .contactgegevens h3 {
		color: #FFF;
		font-size:26px;
		margin: 0 0 40px 0;	
	}

	#footer .contactgegevens li  {
		font-size: 20px;
		font-weight: normal;
		color: #FFF;
		line-height:1;
		padding: 0 20px;
	}	
	
	#footer .contactgegevens li a {
		color: #ed1c24;
	}
	
	#footer .contactgegevens li a:hover {
		color: #d1d2d4;	
	}
	
	#footer .contactgegevens li + li {
		border-left: 2px solid #FFF;
	}
	
	@media (max-width : 778px) {
		#footer .contactgegevens li  {
			font-size: 18px;	
			padding: 0 10px;
		}
	}
	
	@media (max-width : 736px) {
		#footer .contactgegevens li {
			display: block;
			line-height:40px;
		}
		#footer .contactgegevens li + li {
		border-left: none;
		}
	}
	
/* Footer Copyright -------------------------------------- */
	#footer .copyright {
		border-top: 1px solid #484244;	
		padding: 20px 0;
		margin-top: 40px;
	}
	
	#footer .copyright span, 
	#footer .copyright span a {
		color: #FFF;
		font-size: 17px;	
	}
	
	#footer .copyright span a:hover {
		color: #ed1c24;
	}