@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#000 url('img/bg2.jpg') top no-repeat;
	
}

.overlay {
background: url('img/pattern2.png');
background-repeat: repeat;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}

.container {
background: url('img/white.png');
background-repeat: repeat;
	max-width:1040px;
	height:auto;
	margin:2em auto;
	padding:1em 2.3em;
	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
}

h1 {
 font: 400 3.5em 'Pacifico', Georgia, serif;
  color:#3397ce;
  text-shadow: 4px 3px 8px rgba(0, 0, 0, 0.2);
  margin:0em 0em .2em 0em;


}
 
p {
  font: 400 1.4em 'Muli', Verdana, Helvetica, sans-serif;
  color:#454545;
  line-height:1.7em;
}
a:link {
	color:#418EAA;;
	text-decoration:none;
}
a:hover {
	color:#03C;
}

.footer {
	max-width:1040px;
	height:auto;
	padding:1em 2.3em;
	margin:0 auto;
	color:#676767; 
	font: 400 .9em 'Muli', Verdana, Helvetica, sans-serif;
}

.footer a {
	color:#676767;
	text-decoration:none;
}
.footer a:hover {
	color:#787878;
	text-decoration:none;
}

img.imgB {
	max-width:100%;
	max-height:auto;
	float:right;
	display:inline;
}




@media screen and (max-width: 1120px) {
	.container {

	max-width:960px;

}
	
	img.imgB {
display:none;
}

	
}
@media screen and (max-width: 960px) {
h1 {
 font: 400 2.7em 'Pacifico', Georgia, serif;
}
	
	.container {

	max-width:800px;
margin-top:1em;
}

@media screen and (max-width: 720px) {
h1 {
 font: 400 2.2em 'Pacifico', Georgia, serif;
}
	
	.container {

	max-width:580px;
	padding:.5em 1.3em;
margin-top:.5em;
}

	
}

@media screen and (max-width: 480px) {
h1 {
 font: 400 1.4em 'Pacifico', Georgia, serif;
}
	
	.container {

	max-width:380px;

}
p {
  font: 400 1.2em 'Muli', Verdana, Helvetica, sans-serif;
  color:#454545;
}
	
}