/*
*
* @2018 CSS style by Pixelein
*
*/
@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/opensans-bold-webfont.eot');
    src: url('/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('/fonts/opensans-bold-webfont.woff2') format('woff2'), 
		 url('/fonts/opensans-bold-webfont.woff') format('woff'), 
		 url('/fonts/opensans-bold-webfont.ttf') format('truetype'), 
		 url('/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('/fonts/opensans-light-webfont.eot');
    src: url('/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('/fonts/opensans-light-webfont.woff2') format('woff2'), 
		 url('/fonts/opensans-light-webfont.woff') format('woff'), 
		 url('/fonts/opensans-light-webfont.ttf') format('truetype'), 
		 url('/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/opensans-regular-webfont.eot');
    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('/fonts/opensans-regular-webfont.woff2') format('woff2'), 
		 url('/fonts/opensans-regular-webfont.woff') format('woff'), 
		 url('/fonts/opensans-regular-webfont.ttf') format('truetype'), 
		 url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,html {font-family:'open_sansregular';color:#000000;}

strong {font-family:'open_sansbold',Arial,sans-serif;}
img {border:none;}
a {cursor:pointer;color:#0c8c44;text-decoration:none;}
a:hover {color:#FF6600;}

.clearfix {content:"";display:table;clear:both;}

#container {margin:30px auto 0 auto}
.center {text-align:center;}

.logo .beeld img {max-height:250px}
.logo .txt img {max-height:50px;margin-top:30px;}
.logo img {height:100%;}
@media screen and (min-width:840px) {
	.logo .beeld img {max-height:250px}
	.logo .txt img {max-height:80px;}
}

h2 {font-family:'open_sansbold',Arial,sans-serif;margin-top:80px;font-size:16px}
@media screen and (min-width:840px){
	h2 {font-size:20px;}
}

.icons {}
.block {width:100px;display:inline-block;}
.icon {height:45px;width:45px;display:block;background-image:url("/images/icons-skills.png");background-repeat: no-repeat;margin:0 auto 10px auto;}
	.ren .icon {background-position:0 0;}
	.ele .icon {background-position:-44px 0;}
	.cv .icon {background-position:-88px 0;}
	.tui .icon {background-position:-132px 0;}
	.div .icon {background-position:-175px 0;}
	.desc {font-family:'open_sansregular';font-size:9px;}

.contact.desk {display:none;}
.contact.mob {display:block;font-size:14px;line-height:23px;margin-bottom:40px;}
.contact {font-family:'open_sansregular',Arial,sans-serif;margin-top:80px;font-size:12px}
.divide {margin: 0 15px;}
@media screen and (min-width:840px){
	.contact.desk {display:block;}
	.contact.mob {display:none;}
}