/*MOBILE OVERRIDES FOR HERO AND CAROUSEL OVERLAYS*/

/********** CAROUSEL **********/
@media screen and (max-width: 768px) {
    .carousel-caption h2{
       font-size:20px;
	position: relative;
	top: -60px;
    }
	.carousel-caption h3 {
	font-size: 10px;
	position: relative;
	top: -90px;
	}
	.buttonHero{
	border:  2px solid #fff ;
	color: #fff;
	padding: 4px;
	border-radius: 0px;
	margin-right: 10px;
	text-transform: uppercase;
	position: relative;
	top: -100px;
	float:right;
}
}

/********** SUB-PAGE HERO OVERLAYS *********/

@media (max-width: 1024px){
	    .heroSub h1{
		font-size:30px;
		/**/position: relative;
		top: -100px;
		width: 100%;
    }
	.heroSub h3 {
	font-size: 14px;
	position: relative;
	top: -100px;
	width:75%;
}
.buttonHero{
	font-size:12px;
	border:  2px solid #fff ;
	color: #fff;
	padding: 8px;
	border-radius: 0px;
	margin-right: 5px;
	text-transform: uppercase;
	position: relative;
	top: -75px;
}
} 

@media (max-width: 960px) {
	    .heroSub h1{
		font-size:25px;
		/**/position: relative;
		top: -100px;
		width: 100%;
    }
	.heroSub h3 {
	font-size: 14px;
	position: relative;
	top: -100px;
	width:75%;
}
.buttonHero{
	font-size:12px;
	border:  2px solid #fff ;
	color: #fff;
	padding: 8px;
	border-radius: 0px;
	margin-right: 5px;
	text-transform: uppercase;
	position: relative;
	top: -50px;
}
}

@media screen and (max-width: 768px) {
	.heroSub {
	width: 100%;
	height: 110px;
	padding-left: 5%;
	/*margin-right:-40px*/
	}
    .heroSub h1{
		font-size:15px;
		/**/position: relative;
		top: 10px;
		width: 100%;
    }
	.heroSub h3 {
	font-size: 10px;
	position: relative;
	top: -10px;
	width:75%;
}
	.buttonHero{
	font-size:10px;
	border:  1px solid #fff ;
	color: #fff;
	padding: 2px;
	border-radius: 0px;
	margin-right: 5px;
	text-transform: uppercase;
	position: relative;
	top: -50px;
}
}

/*HOME PIN IMAGE SIZE LIMIT FOR MOBILE*/

@media screen and (max-width: 768px) {
    .homePin img{
        max-width: 310px;
    }
}
@media screen and (max-width: 320px) {
    .homePin img{
        max-width: 270px;
    }
}