@charset "utf-8";

article:nth-child(even){
	background: #fafaf0;
}

.title{
	padding: 0 0 15px 0;
}
.title img{
	width: 400px;
	height: auto;
}

.frame .photo{
	width: 300px;
	float: left;
}
.frame .photo img{
	max-width: 300px;
	height: auto;
	margin: 0 0 15px 0;
}

.frame .details{
	width: 670px;
	float: right;
}
.frame .details p{
	padding: 0 0 1em 0;
}

.frame .details th{
	width: 7em;
}
.frame .details th{
	background: none;
	font-weight: bold;
}

@media screen and (max-width: 979px) {
.frame .photo{
	width: auto;
	float: none;
	text-align: center;
}
.frame .photo img{
	max-width: 70%;
	height: auto;
}

.frame .details{
	width: auto;
	float: none;
	padding: 0 1.5%;
}

.frame .details th{
	width: auto;
}
}

@media screen and (max-width: 620px) {
.title img{
	width: auto;
	height: auto;
	max-width: 90%;
}
.frame .details th{
	background: #ededed;
}
}