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

@media only screen and (max-width: 1160px) {
	.thumbnails br {
		display:inherit;
	}
	.pagination {
		text-align:center;
		margin:20px 0 0 0;
	}
	.model .box {
		margin:20px 0 0 70px;
	}
	.model .box img {
		max-width:280px;
		height:auto;
	}
	.model .box .shadowleft {
		width:27px;
		height:350px;
		background-size:27px;
		left:-27px;
		top:0;
	}
	.model .box .shadowright {
		width:27px;
		height:350px;
		background-size:27px;
		right:-27px;
		top:0;
	}
	.model .bio {
		max-width:450px;
	}
}
@media only screen and (max-width: 960px) {
	header {
		max-width:780px;
		text-align:left;
	}
	header .logo {
		width:400px;
		height:110px;
		background-size:400px;
		margin:20px 0 0 0;
	}
	main {
		max-width:780px;
	}
	.model {
		height:auto;
		text-align:center;
		margin-bottom:50px;
		margin-top:0;
	}
	.model .box {
		margin:20px 0 0 0;
	}
	.model .bio {
		max-width:inherit;
		text-align:left;
		margin:0 20px 20px 20px;
	}
}
@media only screen and (max-width: 580px) {
	.thumbnails .box {
		max-width: 35%;
	}
	.thumbnails .box img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	.thumbnails .box h3 {
		width:100%;
		font-size:20px;
		bottom:17px;
	}
}
@media only screen and (max-width: 420px) {
	header {
		text-align:left;
	}
	header .logo {
		width:300px;
		height:80px;
		background-size:300px;
		margin:50px 0 0 0;
	}
	main h1 {
		font-size:32px;
	}
	footer {
		font-size:8px;
		line-height:10px;
	}
	footer .left {
		max-width:150px;
		margin-right:5px;
	}
	footer .right {
		max-width:150px;
		margin-left:5px;
	}
	footer span {
		line-height:14px;
	}
	.model {
		margin:0;
	}
}