/* Style Sheet for the new Borough Web Pages  */
			body { 
			  background: url(/images/backdrop-1.jpg) no-repeat center fixed; 
			  -webkit-background-size: cover;
			  -moz-background-size: cover;
			  -o-background-size: cover;
			  background-size: cover;
			}
			p {font-size: 1.0rem;}
			.announcement-details {width: 80%; margin: 10px auto;}
			.intro {font-size: 18px; font-family: 'myriad-pro',verdana, arial; text-align: justify; margin: 20px 55px 10px 55px; line-height: 24px;}
            .menuItem {text-align: left; font-style: normal; font-weight: 400; font-variant: normal; font-size: 0.9rem; line-height: 1.1rem; font-family: helvetica; color: #222; letter-spacing: 0.05em;}
            .socialMedia {display: inline-block; height: 40px; width: 70px;}  
            .theborder {border: 0px solid gray;}
			.figure {border: 3px solid #1e428a; border-radius: 10px;}
            figure.figure img {border-radius: 10px;}
			figcaption.figure-caption {font-size: 0.65rem; font-family: helvetica; color: #000000; font-weight: 700;}
            .contactBlock {text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.8rem; line-height: 1.6rem; letter-spacing: 0.1rem; font-family: "runda",helvetica; color: #dedede; margin-left: 5px; text-indent: -5px;}
			.newsBin {text-align: center; margin-right: 2%; font-family: helvetica;}
			.newsBin a {color: #1e428a;}
			#newslist li {font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 20px; font-weight: 300; font-family: helvetica;}
            #theHeadline {font-size: 1.1rem; line-height: 1.1rem;}
            #theSubHeadline {font-size: 0.9rem; line-height: 1.1rem;}
            #mainText p {margin: 15px 2% 15px 2%; text-indent: 5%;  font-size: 0.8rem; line-height: 1.8rem; text-align:left; font-family: helvetica,"runda"; font-weight: 300;}
            #theContact {font-size: 1.4rem; line-height: 1.8rem; font-family: 'times new roman', helvetica;}
			#theContactDropdown {font-size: 0.6rem; line-height: 1.2rem; font-family: 'times new roman', helvetica;}
            #theHours {font-size: 1.1rem; line-height: 1.0rem; font-family: 'times new roman', helvetica; color: #aaaaaa; letter-spacing: normal;}
            #thePhone {font-size: 0.75rem;}
            #theCustCare {font-size: 0.9rem; line-height: 1.3rem}
            #theNavigation {margin-top: 0;}
			
			#the-left-menu div {font-size: 0.8rem; height: 35px; width: 150px; margin-bottom: 23px;  font-family: verdana; letter-spacing: 0.05em; background-color: #1e428a; border-radius: 7px; text-align: left; padding: 5px 1px 0px 5px; border: 1px solid #888; opacity: 0.9;} 
			#the-left-menu a div {color: #fff;}
			#the-left-menu a:hover div{color: #1c75bc; text-decoration: none;}
			.iframe-container{
			  position: relative;
			  width: 90%;
			  padding-bottom: 56.25%; 
			  height: 0;
			}
			.iframe-container iframe{
			  position: absolute;
			  top:0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			}
            
			/* Tiny devices (phones, up to 350px) */
            @media screen and (max-width: 350px) {   
            #theHeadline {font-size: 1.1rem; line-height: 1.1rem;} 
            #theSubHeadline {font-size: 0.9rem; line-height: 1.1rem;}
            #theHamburger {display: block;}
            #theNonHamburger {display: none;}
			#slideshow1 {max-height: 350px;}
            }
            
            /* Extra small devices (phones, up to 575px) */
            @media (min-width: 351px) and (max-width: 575px) {
            #theBigLogo {width: 80%;}
            #theLittleLogo {width: 70%;}
			#theHeadline {font-size: 2.0rem; line-height: 2.0rem;} 
			#theSubHeadline {font-size: 1.7rem; line-height: 2.0rem;}
			#thePhone {font-size: 1.0rem;}
            #TEMPLATE_big_picture {height: 35%;}
            #theTagLine {font-size: 0.75rem; margin: 0px;}
            #theMenu {margin-bottom: 0;}
			#theContactDropdown {font-size: 0.8rem;}
			#theHamburger {display: block;}
            #theNonHamburger {display: none;}
            .figure-caption {font-size: 0.3rem; line-height: 0.5rem;}
			
            }
            /* Extra small devices (phones, up to 767px -sm) */
            @media (min-width: 576px) and (max-width: 767px) {
            #theBigLogo {width: 100%;}
            #theLittleLogo {width: 50%;}
            #theHeadline {font-size: 2.0rem; line-height: 2.0rem;}
            #theSubHeadline {font-size: 1.7rem; line-height: 2.0rem;}
            #theTagLine {font-size: 1.2rem; margin-top: -10px;}
			#theMenu {margin: 0rem;}
            #thePhone {font-size: 1.0rem;}
			#theContactDropdown {font-size: 0.8rem;}
            #theCustCare {font-size: 1.2rem; line-height: 1.8rem;}
            #theHamburger {display: block;}
            #theNonHamburger {display: none;}
			#slideshow1 {max-height: 215px;}
            .contactBlock {font-size: 0.5rem; line-height: 1.5rem;}
            .figure-caption {font-size: 0.35rem; line-height: 0.6rem;}
            }
            /* Small devices (tablets, 768px and up) md*/
            @media (min-width: 768px) and (max-width: 991px) {
            #theBigLogo {width: 77%;}
            #theLittleLogo {width: 40%;}
            #theHeadline {font-size: 2.7rem; line-height: 2.6rem;}
            #theSubHeadline {font-size: 2.2rem; line-height: 2.6rem;}
            #theTagLine {font-size: 1.0rem; margin: 0px;}
			#theMenu {margin: 0rem;}
            #mainText p {font-size: 1.0rem;}
			#theContact {font-size: 1.0rem; line-height: 1.6rem;}
			#theContactDropdown {font-size: 0.9rem;}
            #theHours {font-size: 0.8rem; line-height: 1.0rem;}
            #thePhone {font-size: 1.2rem; margin-left: 7%;}
            #theMenu {margin-bottom: 0rem;}
            #theHamburger {font-size: 1rem; display: none;}
			.menuItem {font-size: 0.8rem; width: 8rem; text-align: center;}
            #theNonHamburger {display: block;}
			#theMenuFont {font-size: 0.9rem;}
            #theNavigation {margin-top: 25px;}
            #the-left-menu div {font-size: 0.55rem; width: 110px; margin-left: 20px;}
			#slideshow1 {max-height: 240px;}
			.figure-caption {font-size: 0.6rem; line-height: 0.8rem;}
            .contactBlock {font-size: 0.6rem; line-height: 1.6rem;}
            }
            /* tablets/desktops and up ----------- lg*/
            @media (min-width: 992px) and (max-width: 1199px) {
			figcaption.figure-caption {font-size: 0.9rem;}
            #theBigLogo {width: 60%;}
            #theLittleLogo {width: 60%;}
            #theHeadline {font-size: 3.5rem; line-height: 3.0rem;}
            #theSubHeadline {font-size: 2.8rem; line-height: 3.3rem;}
            #theTagLine {font-size: 1.3rem;}
			#theMenu {margin: 0rem;}
            #mainText p {font-size: 1.1rem;}
			#theContact {font-size: 1.4rem; line-height: 1.8rem;}
			#theContactDropdown {font-size: 1.2rem; line-height: 1.6rem;}
            #theHours {font-size: 1.1rem; line-height: 1.0rem;}
            #thePhone {font-size: 1.4rem; margin-left: 7%;}
            #theMenu {margin-bottom: 0rem;}
            #theHamburger {font-size: 1rem; display: none;}
			.menuItem {font-size: 0.9rem; width: 12rem; text-align: center;}
            #theNonHamburger {display: block;}
            #theNavigation {margin-top: 30px;}
            #the-left-menu div {font-size: 0.7rem; width: 130px; margin-left: 20px;}
			#slideshow1 {max-height: 340px;}
			.figure-caption {font-size: 0.7rem; line-height: 0.9rem;}
            .contactBlock {font-size: 0.8rem; line-height: 1.8rem;}
            }
            /* large desktops and up ----------- xl*/
            @media screen and (min-width: 1200px) {
			figcaption.figure-caption {font-size: 0.9rem;} 
            #theBigLogo {width: 60%;}
            #theLittleLogo {width: 50%;}
            #theHeadline {font-size: 4.0rem; line-height: 3.2rem;}
            #theSubHeadline {font-size: 3.0rem; line-height: 3.8rem;}
            #theTagLine {font-size: 1.6rem; color: red;}
            #theMenu {margin: 0rem;}
            #mainText p {font-size: 1.2rem;}
			#theContact {font-size: 1.4rem; line-height: 1.8rem;}
			#theContactDropdown {font-size: 1.3rem; line-height: 1.8rem;}
            #theHours {font-size: 1.1rem; line-height: 1.0rem;}	
            #thePhone {font-size: 1.5rem; margin-left: 7%;}
            #theHamburger {font-size: 1rem; display: none; }
			.menuItem {font-size: 1.0rem; width: 14rem; text-align: center;}
            #theNonHamburger {display: block;}
            #theNavigation {margin-top: 35px;}
            #the-left-menu div {font-size: 0.8rem; width: 150px; margin-left: 20px;}
			#slideshow1 {max-height: 412px;}
            .contactBlock {font-size: 0.8rem; line-height: 1.8rem;} 
            }