@media only screen and (max-device-width: 850px) {

    img[id=logo] {height: 84 !important;
		  width: 68 !important;
		  padding-top: 10% !important;}
  }

@media only screen and (max-device-width: 850px) {

    div[id=region-header-first] {display: none !important;}
  }

@media only screen and (max-device-width: 200px) {

    div[class=field-name-field-department-photo] {display: none !important;}
  }

@media only screen and (max-device-width: 850px) {

    h1[class=site-name] {font-size: 18pt !important;
			 font-family: Verdana !important;}
  }  

@media only screen and (max-device-width: 6000px) {

    section[id=footer-logo-subscribe] {display: none !important;}
  }

@media only screen and (max-device-width: 850px) {

    h6[class=site-slogan] {font-size: 10pt !important;}
  }

@media only screen and (max-device-width: 850px) {

    div[class=trail-img] {display: none !important;}
  }


.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.recimage {
        position: relative;
        padding-bottom: 10%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }

.responsiveCal {
 
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
 
}
 
.responsiveCal iframe {
 
	position: absolute;
	top:0; 
	left: 0; 
	width: 100%; 
	height: 100%;

}

@media screen and (max-width: 850px) {
    .field-name-field-department-photo {
        display: none !important;
    }
}