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

.wrapper {
	width: 90%;
	margin:3em 5% 0;
	box-shadow:3px 5px 5px rgba(51, 51, 51, 0.7);
	color:#333;
}
.list_carousel {
	display:block;
	width: 90%;
	background-color:#fff;
	padding:1.5em 5%;
}
.list_carousel h1
{
	color:#333;
	font-size:1.6em;
	margin-bottom:0.5em;
	text-align:center;
}
.list_carousel h1 em
{
	color:#ca3531;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list_carousel li {
	text-align: center;
	width: 100%;
	padding: 0;
	float: left;
}
.list_carousel li img
{
	width:90%;
	margin:5%;
	border:solid 1px #ccc;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}

@media only screen and (min-width:1700px)
{
	.list_carousel {
		height:280px;
		padding:1em 5%;
	}
}
@media only screen and (max-width:1024px)
{
	.wrapper {
	width: 96%;
	margin:3em 2% 0;
}
}
@media only screen and (max-width:800px)
{
	.wrapper {
	width: 90%;
	margin:3em 5% 0;
}
}
@media only screen and (max-width:375px)
{
	.list_carousel h1
	{
		font-size:1.2em;
		line-height:1.2em;
	}
}
@media only screen and (max-width:375px)
{
	.list_carousel h1
	{
		font-size:1em;
	}
}