@charset "UTF-8";

body{
	font-family:Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	color:#333;
	background-color: #f8f4e6;
}
html, body {
			margin: 0;
			padding: 0;
			background-image: url(../images/p1.jpg);
			font-family: Georgia, Sans-Serif;
			line-height: 1.6;
		}
h1 {
			font-weight: normal;
			font-style: italic;
			font-family: Georgia, serif;
			line-height: 1.6;
		}

		.body {
			max-width: 1000px;
			padding: 10px;
			margin: 0 auto;
		}



.container {
	margin: 0 auto 0 auto;
	max-width: 1000px;
	padding: 0 10px;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

header h1{
	padding:20px 25px;
	color:#FFF;
	background:#cc0000;
	font-weight:bold;
	text-align: center;
	font-size: 24px;
}

main{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:60px 20px;
}

@media only screen and (max-width: 768px) {
	main {
		width: 100%;
	}
}
main li{
	position:relative;
	float:left;
	width:320px;
	margin:0 20px 50px 0;
	color:#FFF;
	line-height:2em;
}

main li:nth-child(3n){
	margin-right:0;
}

main li img{
	vertical-align:bottom;
}

main div{
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	padding:20px;
	background:rgba(199,21,133, .6);
	top:0;
	left:0;
	box-sizing:border-box;
}

main p{
	position:relative;
	top:10px;
}