@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	background-color:#FFF;
}
a {
	text-decoration: none;
	color:#000;
}
strong {
	font-weight: 500;
}
.template #header {
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top:46px;
		padding-bottom:10px;
}
.content {
		width:100%;
		max-width: 1200px;
		margin:auto;
		-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.logo {
	float: left;
	margin-right: 20px;
	width:200px;
	height:auto;
		-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.socicons
{float:right;
margin-top:-8px;}

.icon-socicon{
	width: 18px;
	height: 18px;
	padding-left: 1px;
	border: 0 none; 
}

.container-bt {
	float:right;
	margin-top:-25px;
}
.bt-top {
	font: 17px/27px "mundial", sans-serif;
	font-weight: 200;
	color: #000;
	text-align:right;
	text-transform:uppercase;
}
.bt-top a {
	color: #000;
	text-decoration:none;
}
.template #teaser {
	width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top:165px;
		padding-bottom:80px;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.template #teaser img {
	width:100%;
	max-width:880px;
	padding-bottom:15px;
	height:auto;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
	}

.template #teaser2 {
	width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top:80px;
		padding-bottom:80px;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.template #teaser2 img {
	width:100%;
	max-width:880px;
	padding-bottom:15px;
	height:auto;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
	}
	
	.template #portolio {
	width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

.col-right {
	float: right;
	width: 48%;
}
.col-left {
	float: left;
	width: 48%;
}


#margin-20 {
		margin-top:-25px;
}
	.content-portfolio {
		width:100%;
		max-width: 1200px;
		margin:auto;
		padding-bottom:30px;
}
.content-portfolio img {
	width:100%;
	height:auto;
	}

.description{
	font: 16px/20px "mundial", sans-serif;
	font-weight: 200;
	text-align:left;
	color: #000;
	margin-bottom:65px;
	padding-top:16px;
	padding-right:15px;
	clear:both;
}
.description a {
	text-decoration:none;
	color: #000;
}
.description a:hover {
	text-decoration:underline;
	color: #000;
}

.credits{
	font: 11px/13px "mundial", sans-serif;
	font-weight: 200;
	text-align:left;
	color: #949494;
	text-transform:uppercase;
}
.credits a {
	text-decoration:none;
	color: #949494;
}
.credits a:hover {
	text-decoration:none;
	color: #000;
}

.show-desktop {
	display:block;
}
.show-mobile {
	display:none;
}
.spacer-60 {
	height: 60px;
	clear:both;
}

.text-profil {
	font: 23px/34px "mundial", sans-serif;
	font-weight: 200;
	text-align:left;
	max-width:960px;
	color: #000;
}
.text-profil a {
	text-decoration:none;
	color: #000;
}
.text-profil a:hover {
	text-decoration:underline;
	color: #000;
}

.filet-sep {
	background-color: #fff;
	clear:both;
	width:100%;
	height:1px;
	margin-top:20px;
}


@media screen and (max-width: 1200px) {
	
	.content {
		padding-right:30px;
		padding-left:30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
}
.content-portfolio {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
}
	
.description, .credits{
	padding-left:30px;
}


	}

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

		.col-right {
	float: none;
	width: 100%;
}
.col-left {
	float: none;
	width: 100%;
}


.description{
	margin-bottom:45px;
	padding-top:9px;
}	
		
		.text-profil {
	font: 21px/28px "mundial", sans-serif;
	font-weight: 200;
}
		
}
	
		
@media screen and (max-width: 767px) {
	

		.show-desktop {
	display:none;
}
.show-mobile {
	display:block;
	}

	.template #header {
		padding-top:35px;
}	
.content {
		padding-right:20px;
		padding-left:20px;
}
.template #teaser {
		padding-top:95px;
		padding-bottom:35px;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
	.template #teaser img {
	width:95%;
	height:auto;
		padding-bottom:5px;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
	}
	.template #teaser2 {
		padding-top:35px;
		padding-bottom:35px;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
	.template #teaser2 img {
	width:95%;
	height:auto;
		padding-bottom:5px;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
	}
	

.logo {
	width:150px;
}
.container-bt {
	margin-top:-19px;
}
.bt-top {
	font: 14px/19px "mundial", sans-serif;
	font-weight: 300;
}
	.socicons
{
margin-top:-9px;}
	
	.icon-socicon{
	width: 16px;
	height: 16px;
	border: 0 none;
	
}

.description{
	font: 13px/15px "mundial", sans-serif;
	font-weight: 300;
	margin-bottom:30px;
	padding-left:20px;
	padding-top:8px;
}
	.text-profil {
	font: 16px/19px "mundial", sans-serif;
	font-weight: 300;
}
.credits{
	padding-left:20px;
}
.spacer-60 {
	height: 30px;
	clear:both;
}


.filet-sep {
	margin-top:40px;
}
	
	}