@media only screen and (max-width: 608px){
nav#menu span.fa.fa-bars {
left: 30px;
top:70px;
}
.header-text.btn {
height: auto;
white-space: inherit;
}
.hover-bg .hover-text {
padding: 15% 0;
}
}

@media only screen and (max-width: 460px){
h3 {
    font-size: 12px;
}
nav#menu span.fa.fa-bars {
left: 30px;
top:70px;
}
.content {
padding-top: 30%;
}
.hover-bg .hover-text {
padding: 20% 0;
}
#overview-video .overlay {
    padding: 30% 0px;
}
}
@media only screen and (max-width: 360px){
h1 {
    font-size: 36px;
}
h3 {
    font-size: 11px;
}
hover-bg .hover-text {
    padding: 25% 0px;
}
.pull-left,
.pull-right {
    float: none !important;
    text-align: center;
}
}
@media only screen and (max-width: 320px){
h1 {
    font-size: 30px;
}
hover-bg .hover-text {
    padding: 30% 0px;
}
}


@media screen and (max-width: 608px) {
   #head-title  {
       display:none;
    }
	
}

@media screen and (max-width: 608px) {
   .header-text {
       display:none;
    }	
}


@media screen and (max-width: 608px) {
	#home{
	background-image:url(../img/colorblock1.jpg) !important;
	height: auto;
	min-height: 260px !important;
	padding-top: 0px;
	color: #000000;
}
}


@media screen and (max-width: 608px) {
	#aboutusPage{
	background-image:url(../img/colorblock2.jpg) !important;
	height: auto;
	min-height: 260px !important;	
	padding-top: 0px;
	
}
}


@media screen and (max-width: 608px) {
	#servicespage{
	background-image:url(../img/colorblock3.jpg) !important;
	height: auto;
	min-height: 260px !important;
	padding-top: 0px;
	
}
}


@media screen and (max-width: 608px) {
	#staffPage{
	background-image:url(../img/colorblock6.jpg) !important;
	height: auto;
	min-height: 260px !important;
	padding-top: 0px;
	
}
}

@media screen and (max-width: 608px) {
	#testimonialPage{
	background-image:url(../img/colorblock5.jpg) !important;
	height: auto;
	min-height: 260px !important;	
	padding-top: 0px;
	
}
}


@media screen and (max-width: 608px) {
	#PetCareCenterPage{
	background-image:url(../img/colorblock4.jpg) !important;
	height: auto;
	min-height: 260px !important;	
	padding-top: 0px;
	
}
}


@media screen and (max-width: 608px) {
	#contactPage{
	background-image:none !important;
	height: auto;
	min-height: 260px !important;	
	padding-top: 0px;
	
}
}

@media screen and (max-width: 608px) {
	#belt { 
	width:100%;
	height:auto;
	position:fixed;
	background-color:#127EEB;
	color:#ffffff;
	font-size:.8em;
	padding:5px 20px 5px 0;
	text-align:right;
	z-index:3000;
	opacity: .9 !important ;
}
}

@media screen and (max-width: 608px) {
   .bread {
       display:none;
    }	
}