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


#header-logo { background-image:url("/Portals/19657/images/mobile-header.jpg")!important; height: 100px!important;background-color:#FFFFFF; }
#foxboro_header { height: 300px!important;background-color:#FFFFFF; }
#divscroll-outer {display:none;}
#social-media {display:none;}
#phone {display:block;}

a.btn {
	display: block; width: 100%; height: 40px; padding: 30px 0 0 0; margin: 0 auto;
	
	background: #398525; /* old browsers */
	background: -moz-linear-gradient(top, #8DD297 0%, #398525 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD297), color-stop(100%,#398525)); /* webkit */
	
	box-shadow: inset 0px 0px 6px #fff;
	-webkit-box-shadow: inset 0px 0px 6px #fff;
	border: 1px solid #5ea617;
	border-radius: 10px;
	
	font: bold 24px Helvetica, Sans-Serif; text-align: center;
	text-transform: uppercase; text-decoration: none;
	color: #147032;
	text-shadow: 0px 1px 2px #b4d1ad;
	
	-moz-transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;	
}

	a.btn:hover {
		color: #145675;
		
		-moz-transition: color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
	}
#media-no {display:none!important;}

}


@media screen and (max-width: 960px) {
#header-logo { background-image:url("/Portals/19657/images/mobile-header.jpg")!important; height: 100px!important;background-color:#FFFFFF; }
#foxboro_header { height: 300px!important;background-color:#FFFFFF; }
#divscroll-outer {display:none;}
#social-media {display:none;}
#phone {display:block;}

a.btn {
	display: block; width: 100%; height: 40px; padding: 30px 0 0 0; margin: 0 auto;
	
	background: #398525; /* old browsers */
	background: -moz-linear-gradient(top, #8DD297 0%, #398525 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD297), color-stop(100%,#398525)); /* webkit */
	
	box-shadow: inset 0px 0px 6px #fff;
	-webkit-box-shadow: inset 0px 0px 6px #fff;
	border: 1px solid #5ea617;
	border-radius: 10px;
	
	font: bold 24px Helvetica, Sans-Serif; text-align: center;
	text-transform: uppercase; text-decoration: none;
	color: #147032;
	text-shadow: 0px 1px 2px #b4d1ad;
	
	-moz-transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;	
}

	a.btn:hover {
		color: #145675;
		
		-moz-transition: color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
	}
#media-no {display:none!important;}
}