section.main .wrap .startbox{
	overflow:hidden;
	color:#fff;
	padding-bottom: 10px;
	}
	
section.main .wrap .startbox .item{
	float:left;
	padding:10px 10px 0 10px;
	margin:10px;
	width:calc(25% - 42px);
	text-align:center;
	font-size:15px;
	color:#000;
	border:1px rgba(255,255,255,0.1) solid;
	border-radius: 4px;
	overflow:hidden;
	transition:.3s;
	}

section.main .wrap .startbox .item.clear{
	clear:none;
	}

section.main .wrap .startbox .item .image{
	position: relative;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	border-radius: 3px;
	padding-bottom:85%;
	margin: 0 0 10px 0;
	}
	
section.main .wrap .startbox .item .title{
	font-weight:bold;
	font-size:25px;
	font-family: 'Libre Baskerville', serif;
	}

section.main .wrap .startbox .item .text{
	
	}







section.main.yellow{
	background: #fdf438;
}

section.main.yellow .wrap .startbox .item{
	float:left;
	padding:10px 10px 0 10px;
	margin:10px;
	width:calc(50% - 42px);
	text-align:left;
	font-size:15px;
	color:#000;
	border:1px rgba(255,255,255,0.1) solid;
	border-radius: 4px;
	overflow:hidden;
	transition:.3s;
	}

	
section.main.yellow .wrap .startbox .item .image{
	position: relative;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	border-radius: 3px;
	padding-bottom:85%;
	margin: 0 0 10px 0;
	}
	
section.main.yellow .wrap .startbox .item .title{
	font-weight:bold;
	font-size:25px;
	font-family: 'Bree Serif', serif;
	}

section.main.yellow .wrap .startbox .item .text{
	
	}


@media screen and (max-width: 1200px) {


	section.main .wrap .startbox .item{
		padding:10px 10px 0 10px;
		margin:10px;
		font-size:15px;
		float:left;
		width:calc(50% - 50px);
		}

	section.main .wrap .startbox .item.clear{
		clear:both;
		}

}

@media screen and (max-width: 900px) {
		


}


@media screen and (max-width: 740px) {
	
	section.main .wrap .startbox .item{
		padding:10px 10px 0 10px;
		margin:10px;
		font-size:15px;
		float:none;
		width:calc(100% - 40px);
		}


}

@media screen and (max-width: 600px) {

	section.main.yellow .wrap .startbox .item{
		width:calc(100% - 42px);

		}

}