/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:450px;background: url(../images/hero.jpg) no-repeat 0 0;background-size: 189.72%;}

.footericons{width:100%;max-width:600px;margin:0 auto;text-align:center;}
.footericons .icons{width:89px;height:75px;margin:15px 15px 15px 11px;display:inline-block;overflow:hidden;}
.i-tv{background:url(../images/icons/icon_tv.jpg) top;background-size:100%;background-position:0px 0px;}
.i-audio{background:url(../images/icons/icon_audio.jpg) top;background-size:100%;background-position:0px 0px;}
.i-accessories{background:url(../images/icons/icon_accessories.jpg) top;background-size:100%;background-position:0px 0px;}
.i-headphones{background:url(../images/icons/icon_headphones.jpg) top;background-size:100%;background-position:0px 0px;}
.i-speakers{background:url(../images/icons/icon_speakers.jpg) top;background-size:100%;background-position:0px 0px;}
.i-camera{background:url(../images/icons/icon_camera.jpg) top;background-size:100%;background-position:0px 0px;}
.i-phone{background:url(../images/icons/icon_phone.jpg) top;background-size:100%;background-position:0px 0px;}
.i-games{background:url(../images/icons/icon_games.jpg) top;background-size:100%;background-position:0px 0px;}
.i-appliances{background:url(../images/icons/icon_appliances.jpg) top;background-size:100%;background-position:0px 0px;}
.i-gadgets{background:url(../images/icons/icon_gadgets.jpg) top;background-size:100%;background-position:0px 0px;}
.footericons .icons:hover{background-position:0px -75px;}

.halved{display:block;margin-top:40px;}

/* custom CSS on a per project basis
================================*/

.main-title{color:#00286c;font-weight:bold;}
.main-title:after{border-top:1px solid #00286c;}









/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {background-position:0 100%;background-size:100%;}	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
	.footericons{max-width:820px;}
	.footericons .icons{margin:25px 25px 25px 21px;}
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
	.footericons{max-width:none;}
	.footericons .icons{width:130px;height:110px;margin:25px 50px 25px 46px;}
	.footericons .icons:hover{background-position:0 -110px;}
	.halved{width:50%;display:inline-block;margin-left:-4px;}
	.halved .item-cell{width:28%;}
	.halved .main-title{margin:1.5em 10%;}
}