.banner_wrapper{
	background:url(../images/index_pic.jpg) no-repeat;
	background-size:cover;
	position:relative;
	text-align:center;
}
.banner_vert_margin{
	height:190px;
}
.banner_text_wrapper{
	display:inline-block;
	padding:40px;
	margin:10px;
	text-align:center;
	background:url(../images/dark_bg.png);
	border:7px double #FFF;
}

.banner_title h1{
	text-transform:uppercase;
	color:#FFF;
	font-size:340%;
	font-weight:300;
	padding-bottom:10px;
	border-bottom:3px solid #24ca7f;
}
.banner_sub_title{
	text-transform:uppercase;
	color:#FFF;
	font-size:160%;
	font-weight:300;
	padding:4%;
}
.index_text_wrapper{
	max-width:1024px;
	padding:20px;
	margin:0 auto;
}
.index_benefits_wrapper{
	text-align:center;
	max-width:1180px;
	margin:0 auto;
}
.index_benefits_box{
	max-width:300px;
	margin:20px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
.index_benefits_text{
	max-width:260px;
	float:right;
	vertical-align:top;
}
.index_benefits_title{
	color:#526a7a;
	text-transform:uppercase;
	font-size:120%;
	margin:15px 0px;
}
.index_benefits_box p{
	font-size:95%;
}
.index_benefits_icon{
	width:50px;
	margin:15px auto;
}
.index_benefits_icon img{
	width:100%;
}
.left_cat_wrapper{
	background:url(../images/left_wrapper.jpg) no-repeat;
	background-size:cover;
	position:relative;
	text-align:right;
	padding:3%;
	width:50%;
	float:left;
}
.left_cat_title{
	color:#f7f9fb;
	font-size:210%;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:10px;
}
.left_cat_point{
	text-transform:uppercase;
	padding:5px;
}
.left_cat_point a{
	color:#f7f9fb;
	font-size:105%;
	font-weight:300;
}
.left_cat_point a:hover{
	color:#28cb78;
}

.right_cat_wrapper{
	background:url(../images/right_wrapper.jpg) no-repeat;
	background-size:cover;
	position:relative;
	text-align:left;
	padding:3%;
	width:50%;
	float:left;
}
.right_cat_title{
	color:#f7f9fb;
	font-size:210%;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:10px;
}
.right_cat_point{
	text-transform:uppercase;
	padding:5px;
}
.right_cat_point a{
	color:#f7f9fb;
	font-size:105%;
	font-weight:300;
}
.right_cat_point a:hover{
	color:#28cb78;
}
	
.example_wrapper{
	float:left;
	width:25%;
	margin:0px;
	padding:0px;
	margin-top:-3px;
}
.example_wrapper img{
	width:100%;
	vertical-align:bottom;
	border:0px;
}
@media (max-width: 1600px) {
.banner_vert_margin{
	height:130px;
}

}
@media (max-width: 1367px) {
.banner_vert_margin{
	height:90px;
}
}
@media (max-width: 1280px) {
.banner_vert_margin{
	height:60px;
}
.right_cat_title{
	font-size:160%;
}
.right_cat_point a{
	font-size:95%;
}
.left_cat_title{
	font-size:160%;
}
.left_cat_point a{
	font-size:95%;
}
}
@media (max-width: 1024px) {
.banner_vert_margin{
	height:40px;
}
.right_cat_title{
	font-size:130%;
}
.right_cat_point a{
	font-size:87%;
}
.left_cat_title{
	font-size:130%;
}
.left_cat_point a{
	font-size:87%;
}
}
@media (max-width: 720px) {
.banner_vert_margin{
	height:10px;
}
.example_wrapper{
	width:50%;
}
.right_cat_title{
	font-size:100%;
}
.right_cat_point a{
	font-size:78%;
}
.left_cat_title{
	font-size:100%;
}
.left_cat_point a{
	font-size:78%;
}
}