.template{
	margin: 40px 0;
	background: #f5f5f5;
}
.default .template{
	background: none;
}
.template-img-left:after{
	display: block;
	content: '';
	clear: both;
}
.template-img-right:after{
	display: block;
	content: '';
	clear: both;
}
.template .img{
	padding: 10px;
	width: 250px;
	float: left;
}
.template .text{
	padding: 10px;
	width: calc(100% - 290px);
	float: right;
}

.template-img-right .img{
	float: right;
}
.template-img-right .text{
	text-align: left;
	float: left;
}
.template .text p{
	margin: 0 0 1.0em;
}

@media screen and (max-width: 599px) {
	.template-img-left,
	.template-img-right{
		display: block;
	}
	.template img{
		width: 100%;
	}
}