@import url('template.css');
.box {
	position: relative;
}
.box article{
    width: calc(33.33333% - 26.66667px + 0px);
    display: inline-block;
    margin: 0 40px 40px 0;
    text-align: left;
	font-size: 14px;
	vertical-align: top;
	line-height: 1.2em;
	float:left;
	
}
.box article h3, .box .featured h3 {padding: 10px;color:#000;line-height: 1.2em;}
.box article p {text-align:left;padding: 5px 10px}
.box article img {display:block;width:100%;max-width:100%}
.box article:nth-child(3n) {
    margin-right: 0px;
}
.box .featured, .pagination {
    display: inline-block;
    width: 100%;
    margin: 0 0 40px 0;
    text-align: left;
	font-size: 16px;
	vertical-align: top;
	line-height: 1em;
}
.box .featured img {width:100%;max-width:100%}
.maininfo h1 {

    font-size: 40px;
    color: #000;
    font-weight: 500;
    border-bottom: 3px solid #000;
    margin: 0 0 40px 0;
    padding: 0 0 10px 20px;

}
@media (min-width:768px){
	
}
@media (min-width:992px){
	
}
@media (min-width:1200px){
	
}
@media (min-width:1700px){
	
}	
@media (min-width:768px) and (max-width:991px){
	
}
@media (max-width:767px){
	.box article {display:block;width:100%;padding:0}
	.box article h3 {font-size: 24px;line-height: 1em;}
	.box article img {position: relative;left: none;top: none;max-width:100%}
}