@charset "utf-8";
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:90%;
	background: url(../images/confectionary.png);
	text-align:center;
	padding:0;
	margin:0;

}
body, html {
	height:101%;
}
h1 {
	font-size:160%;
}
h2 {
	font-size:140%;
	}
#surround {
	background: url(../images/confectionary.png);
	width:100%;
}
header {
	width:100%;
	background: hsla(120,100%,10%,1)url(../images/back_img.png) 18% 60% no-repeat;
	color:#fff;
	height:120px;
	margin-top:-20px;
	padding-top:20px;
}
header h1 {
	font-size:160%;
	padding-top:10px;
	text-align:left;
	padding-left:100px;
	text-shadow: 3px 3px #000;
}
header h2 {
	font-size:120%;
	margin-top:-10px;
	text-align:left;
	padding-left:180px;
	font-style:italic;
	text-shadow: 3px 3px #000;
}
header aside {
	width:350px;
	float:right;
	/*background:#fff;*/
	height:80px;
	margin-right:100px;
	color:#fff;
	text-align:left;
	padding-top:20px;
}
header aside p {
	padding-left:10px;
	font-weight:bold;
}
div#nav {
	margin:0 auto;
}
h2.title {
	color:hsla(120,100%,10%,1);
}
article {
	max-width:960px;
	text-align:left;
	margin:20px auto;
	min-height:600px;
	background: hsla(0,0%,100%,1);
	border:1px solid hsla(0,0%,60%,1);
	border-radius:15px;
	box-shadow:3px 3px 3px rgba(102,102,102,0.3);
}
.firstcharacter { 
	float: left; 
	color: #960000; 
	font-size: 50px; 
	line-height: 40px; 
	padding-top: 0px; 
	padding-right: 4px; 
	padding-left: 3px; 
	font-family: Georgia;
	text-shadow: 2px 2px 2px #666666;
}
article p {
	padding:0 20px;
}
article h2 {
	padding:0 20px;
}
article li {
	list-style:none;
	font-style:italic;
}
li.qualif {
	list-style-image:url(../images/text-bullet.png);
	margin-left:20px;
}
footer {
	background: url(../images/back_img2.png) 50% 50% no-repeat hsla(120,100%,10%,1);
	height: 120px;
	width:100%;
	color:hsla(0,0%,100%,1);
	margin-top:0px;
	font-size:80%;
}
footer p {
	padding-top:20px;
}
footer p.copy {
	text-align:left;
	padding-left:20px;
	padding-top:40px;
}
footer a {
	color:#fff;
	text-decoration:none;
	text-shadow: 3px 3px #000;
}
footer a:hover {
	text-decoration:underline;
}
#picture {
	max-width:960px;
	height:230px;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
	text-align:center;
	font-style:italic;
} 
#picture div {
    width: 250px;
    height: 195px;
}
#picture img {
	padding:10px;
	border:1px solid rgba(153,153,153,1);
	border-radius:5px;
	box-shadow:2px 2px 2px rgba(153,153,153,0.5);
}
.send a {
	color:#000;
	text-decoration:none;
}
.send2 a {
	color:#fff;
	text-decoration:none;
}
article aside {
	float:right;
	width:50%;
	min-height:300px;
}
.wide {
	width:300px;
}
fieldset {
	width:400px;
	margin-top:10px;
	margin-left:30px;
	border:1px solid #003300;
	border-radius:10px;
	background: url(../images/wet_snow.png);
	box-shadow:3px 3px 3px rgba(102,102,102,0.3);
}
legend {
	margin-left:15px;
	padding:0 5px 0 5px;
}
.btn {
	background:#8FCC1A;
	color:#000;
	border-radius:5px;
	font-family: "Arial Black", Gadget, sans-serif;
	
}
input, textarea {
	border:1px solid #003300;
	border-radius:5px;
}
.warning {
	font-weight:bold;
	color:rgba(255,0,0,1);
}
.message {
	font-weight:bold;
	color:#003300;
}
@media (max-width: 1000px) {
	header aside {
		margin-right:10px;
	}
	header h1 {
		padding-left:10px;
	}
	header h2 {
		padding-left:50px;
	}
}

@media (max-width: 800px) {
	header h1  {
		font-size:120%;
	}
	header h2 {
		font-size:100%;
	}
	header aside p {
		font-size:80%;
	}
	header aside {
		width:250px;
		margin-right:0;
	}
}
@media (max-width: 380px) {
	header aside {
		display:none;
	}
	header h2 {
		display:none;
	}
	header {
		background-image:none;
	}
	header h1 {
		margin-left:0;
	}
	#sliderFrame {
		display:none;
	}
	#picture {
		display:none;
	}
	footer p {
		display:none;
	}
	article aside {
		float:none;
		width:100%;
	}
	fieldset {
		max-width:90%;
		margin-left:0;
	}
}