section.main{
	background: #f1f1f1;
	background-image: url("/img/bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

}

section.main .wrap .startbox.startpadding{
	padding:150px 0;
}


section.main .wrap .startbox .item{
	float:left;
	padding:10px 10px 0 10px;
	margin: 20px 20px 0 20px;
	width:calc(33.33% - 60px);
	overflow:hidden;
	text-align: left;
	border-radius: 0;
	transition:.3s;
	}

section.main .wrap .startbox .item:hover{
	background: rgba(132,189,174,0.5);
	}

section.main .wrap .startbox .head h2{
	font-size: 40px;
	color: #2e3c72;
	}

section.main .wrap .startbox .item .date{
	margin: 15px 0 0 0;
	font-size: 15px;
	font-style: italic;
	color:#97449a;
	}

section.main .wrap .startbox .item .image{
	position: relative;
	display: inline-block;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width: 100%;
	height: auto;
	padding-bottom:60%;
	margin: 0 0 20px 0;
	border-radius: 0;
	box-shadow: 0 0 0;
	overflow: hidden;
	}
section.main .wrap .startbox .item .title{
	font-size:20px;
	font-weight: bold;
	text-transform: inherit;
	color: inherit;
	margin-bottom: 20px;
	}
section.main .wrap .startbox .item .text{
	line-height:calc(100% + 14px);
	height: auto;
	color:#717483;

	}







section.weather{
	padding:50px 0;
}


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

section.main .wrap .startbox.startpadding{
	padding:20px 0;
}


	section.main .wrap .startbox .item .title{
		font-weight: 400;
		letter-spacing: 1px;
		font-size:14px;
		}


	section.main .wrap .startbox .item, section.main .wrap .startbox.middle .item{
		float:left;
		padding:10px;
		margin: 20px;
		width:calc(100% - 60px);
		height:auto;
		transition:.3s;
		}
		}
	section.main .wrap .startbox .item .text, section.main .wrap .startbox.middle .item .text{
		height:auto;
		}


}


@media screen and (max-width: 740px) {
	
	section.main .wrap .startbox .item{
		padding:10px 0px 0 0px;
		margin:10px;
		float:none;
		width:calc(100% - 20px);
		}
	section.main .wrap .startbox .item .text{
		height: auto;
		}



}

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

.leftst, .rightst{
	float:none !important;
	width: 100% !important;
	margin-bottom:20px !important;
	padding:10px !important;
	margin:0px !important;
	}

	section.main .wrap .startbox .item .image.megashadow{
		box-shadow: 0 20px 15px rgba(0,0,0,0.6) !important;
		}
}