/* 

copyright by BLUESUN AG BASEL 2016

*/
body { padding-top:20px; }
header {	width:100%; }
footer {
  width:100%;
  /* Set the fixed height of the footer here */
  min-height:200px;
  background-color:#c7f83d;
  padding:50px 0 20%;
  margin:60px 0 0;
}
container img { margin:0 !important; }
address { margin:0 3px; color:#000000; }
address a, address a:hover { color:#0001fb }
h1 { color:#000000; }
h3 { color:#000000; }
p {}
/* Classes */
.logozone { text-align:center; }
.maintitle { margin:15px 3px 25px; }
.copyright { margin:30px 3px 10px; }
.copyright a {font-size:12px; color:#83ae06; }
.nobreak {word-break:keep-all}
.col-margin { padding:15px; }
.col-margin h3, .col-margin p { margin:15px 3px; }
.col-margin p { margin-top:0; }
.textRegular { color:#555555; }
/* Document Zone */
.documentMargin{	margin:40px 0; }
.document { border-bottom:1px solid #cccccc; margin-bottom:10px; }
.document img { max-width:80px; height:auto; }
.document h3 { margin:0; }
.document p { margin:10px 0 0 !important; }
.document a { color:#555555; text-decoration:none; } 
/* Large desktops and laptops */
@media (min-width:1300px) {
	header {	border-bottom:30px solid #c7f83d; }
	header img { max-width:450px; height:auto; margin:0 0 20px; }
	h1.textLarge { font-size:32px; line-height:1.5em; }
	.textRegular h3 { font-size:24px; margin-top:40px;	}
	.textRegular, .textRegular p { font-size:18px; line-height:1.5em; }
}
/* Portrait tablets and medium desktops */
@media (min-width:992px) and (max-width:1299px) {
	header {	border-bottom:25px solid #c7f83d; }
	header img { max-width:400px; height:auto; margin:0 0 18px; }
	h1.textLarge { font-size:28px; line-height:1.5em; }
	.textRegular h3 { font-size:20px; margin-top:30px;	}
	.textRegular, .textRegular p { font-size:16px; line-height:1.5em; }
}
/* Portrait tablets and small desktops */
@media (min-width:768px) and (max-width:991px) {
	header {	border-bottom:20px solid #c7f83f; }
	header img { max-width:380px; height:auto; margin:0 0 16px; }
	h1.textLarge { font-size:26px; line-height:1.5em; }
	.textRegular h3 { font-size:18px; margin-top:20px;	}
	.textRegular, .textRegular p { font-size:16px; line-height:1.5em; }
}
/* Landscape phones and portrait tablets */
@media (max-width:767px) {
	header {	border-bottom:18px solid #c7f83f; }
	header img { max-width:320px; height:auto; margin:0 0 14px; }
	h1.textLarge { font-size:24px; line-height:1.5em; }
	.textRegular h3 { font-size:18px; margin-top:20px;	}
	.textRegular, .textRegular p { font-size:16px; line-height:1.5em; }	
}
/* Landscape phones and smaller */
@media (max-width:480px) {
	header {	border-bottom:15px solid #c7f83f; }
	header img { max-width:320px; height:auto; margin:0 0 12px; }
	h1.textLarge { font-size:26px; line-height:1.5em; }
	.textRegular h3 { font-size:22px; margin-top:20px;	}
	.textRegular, .textRegular p { font-size:18px; line-height:1.5em; }	
}
/* Landscape phones and smaller */
@media (max-width:360px) {
	header {	border-bottom:15px solid #c7f83f; }
	header img { max-width:280px; height:auto; margin:0 0 10px; }
	h1.textLarge { font-size:22px; line-height:1.5em; }
	.textRegular h3 { font-size:20px; margin-top:18px;	}
	.textRegular, .textRegular p { font-size:18px; line-height:1.5em; }
}
/* Footer Basket */
footer aside img{	max-width:100px !important; height:auto; margin:30px 0 0 !important; }