/* BEGIN MAIN SITE-WIDE STYLES */
/* BEGIN MAIN SITE-WIDE STYLES */
/* BEGIN MAIN SITE-WIDE STYLES */

* {
	box-sizing: border-box;
}

a {
	cursor: pointer;
}

html {
	text-transform: center;
}

body {
	display: flex;
	flex-direction: column;
	font: normal 1.5vw/1.8vw Arial,sans-serif;
	background-color: #fff;
	margin: 0px;
}

img {
	width: 100%;
}

@keyframes fade {
  0% {opacity: 0;}
  4% {opacity: 0;}  
  7% {opacity: 1;}
  87% {opacity: 1;}
  100% {opacity: 0;}
}

.shrinkText95 {font-size: 95%}
.shrinkText90 {font-size: 90%}
.shrinkText85 {font-size: 85%}
.shrinkText80 {font-size: 80%}
.shrinkText75 {font-size: 75%}
.shrinkText70 {font-size: 70%}
.shrinkText65 {font-size: 65%}

/* BEGIN CONTACT US SITE-WIDE POP-UP BOX STYLES */
/* BEGIN CONTACT US SITE-WIDE POP-UP BOX STYLES */
/* BEGIN CONTACT US SITE-WIDE POP-UP BOX STYLES */

.contactPopupBackground {
	background: rgba(0,0,0,.4);
	cursor: pointer;
	display: none;
	height: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.contactPopup {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: auto;
	vertical-align: middle;
	position: relative;
	font-size: 2vw;
	margin: 2vw;
	padding: 1vw;
	white-space: nowrap;
	border-radius: 3vw;
}

.contactPopupPhoneAdminSupportButton,
.contactPopupPhoneAccessServicesButton {
	background-color:rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 3vw;
	font: bold 2vw/6vw Arial,sans-serif;
	width: 50%;
	height: 3.6vw;
	margin: 1.6vw;
	padding: 1vw;
	text-align: center;
  text-decoration: none;
  color: black;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.contactPopupCloseButton {
	background-color: rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 50%;
	font: bold 4vw/3.6vw Arial,sans-serif;
	position: absolute;
	top: -1.2vw;
	right: -1.2vw;
	width: 3.6vw;
	height: 3.6vw;
	text-align: center;
	align-self: center;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.contactPopupPhoneAdminSupportButton:hover,
.contactPopupPhoneAccessServicesButton:hover,
.contactPopupCloseButton:hover {
	background-color: #ccc;
}

.contactPopupInfoContainer {
	font: normal 2vw/2.6vw Arial,sans-serif;
  position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 1vw;
}

.contactPopupInfoContainer a {
  text-decoration: none;
}

/* CONTINUE CONTACT US SITE-WIDE POP-UP BOX STYLES */
/* CONTINUE CONTACT US SITE-WIDE POP-UP BOX STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

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

  .contactPopupBackground {
    height: 100%;
    top: 0;
  }

  .contactPopup {
    width: 84%;
    margin: 8vw 4vw 4vw 4vw;
    padding: 0vw;
    border-radius: 6vw;
  }

  .contactPopupInfoContainer {
    font: normal 8vw/11vw Arial,sans-serif;
    position: relative;
    width: 100%;
	  white-space: normal;
    text-align: center;
  }
  
  .contactPopupPhoneAdminSupportButton,
  .contactPopupPhoneAccessServicesButton {
	  border: 0.1vw solid #999;
    border-radius: 8vw;
    font: bold 6vw/14vw Arial,sans-serif;
    width: auto;
    height: auto;
    margin: 4vw;
    padding: 2vw 4vw;
  }

  .contactPopupCloseButton {
    font: bold 10vw/10vw Arial,sans-serif;
    top: -5vw;
    right: -5vw;
    width: 10vw;
    height: 10vw;
  }

}

/* END CONTACT US SITE-WIDE POP-UP BOX STYLES*/
/* END CONTACT US SITE-WIDE POP-UP BOX STYLES*/
/* END CONTACT US SITE-WIDE POP-UP BOX STYLES*/


/* BEGIN EMAIL SITE-WIDE POP-UP BOX STYLES */
/* BEGIN EMAIL SITE-WIDE POP-UP BOX STYLES */
/* BEGIN EMAIL SITE-WIDE POP-UP BOX STYLES */

.emailPopupBackground {
	background: rgba(0,0,0,.4);
	display: flex;
	width: 100%;
	height: 100%;
	position: fixed;
	align-items: center;
	justify-content: center;
	top: 0;
	z-index: 1000;
}

.emailPopupContainer {
	position: relative;
	display: flex;
  width: 90%;
	height: auto;
}

.emailPopupBody {
	display: flex;
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	width: 100%;
	height: 100%;
	border-radius: 3vw;
	align-items: center;
	justify-content: center;
  text-align: center;
}

.emailPopupForm {
	display: flex;
  flex-flow: row wrap;
  width: 90%;
	height: auto;
	text-align: center;
	justify-content: center;
}

.emailPopupFormInfo {
	font: normal 2vw/2.2vw Arial,sans-serif;
	flex-flow: column wrap;
	padding: 0vw;
	text-align: center;
	justify-content: center;
}

.emailPopupForm input,
.emailPopupForm textarea {
	font: normal 2vw/2.2vw Arial,sans-serif;
  width: 100%;
}

.emailPopupSubmitButton {
	background-color:rgba(140,198,64,1);
	border: 0.1vw solid #999;
	font: normal 2vw/2.2vw Arial,sans-serif;
  border-radius: 8vw;
  width: 25%;
  height: auto;
  margin: 1vw;
  padding: 1vw;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.emailPopupCloseButton {
	background-color: rgba(140,198,64,1);
	border: 0.1vw solid #999;
	border-radius: 50%;
	font: bold 4vw/3.6vw Arial,sans-serif;
	position: absolute;
	top: -1.2vw;
	right: -1.2vw;
	width: 3.6vw;
	height: 3.6vw;
	text-align: center;
	align-self: center;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.emailPopupCloseButton:hover,
.emailPopupSubmitButton:hover{
	background-color: #ccc;
}

/* CONTINUE EMAIL SITE-WIDE POP-UP BOX STYLES */
/* CONTINUE EMAIL SITE-WIDE POP-UP BOX STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

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

  .emailPopup {
    width: 84%;
    margin: 8vw 4vw 0 4vw;
    padding: 0vw;
    border-radius: 6vw 6vw 0 0;
  }

  .emailPopupFormInfo {
    font: normal 3.0vw/3.4vw Arial,sans-serif;
  }
  

  .emailPopupForm input,
  .emailPopupForm textarea {
    font: normal 3.0vw/3.4vw Arial,sans-serif;
    width: 100%;
  }
  
  .emailPopupSubmitButton {
    background-color: rgba(140,198,64,1);
	  border: 0.1vw solid #999;
    border-radius: 8vw;
    font: normal 3.6vw/4.2vw Arial,sans-serif;
    width: 60%;
    height: 8vw;
    margin: 2vw;
  }

  .emailPopupCloseButton {
    font: bold 10vw/10vw Arial,sans-serif;
    top: -5vw;
    right: -5vw;
    width: 10vw;
    height: 10vw;
  }
}

/* END EMAIL SITE-WIDE POP-UP BOX STYLES */
/* END EMAIL SITE-WIDE POP-UP BOX STYLES */
/* END EMAIL SITE-WIDE POP-UP BOX STYLES */

/* BEGIN CAREERS SITE-WIDE POP-UP BOX STYLES */
/* BEGIN CAREERS SITE-WIDE POP-UP BOX STYLES */
/* BEGIN CAREERS SITE-WIDE POP-UP BOX STYLES */

.careersPopupBackground {
	background: rgba(0,0,0,.4);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}

.careersPopupContainer {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}

.careersPopup {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	flex-flow: row wrap;
	position: relative;
	height: auto;
	width: auto;
	font-size: 2vw;
	margin: 2vw;
	padding: 1vw;
	border-radius: 3vw;
}

.careersPopupInfoContainer {
	font: normal 2vw/2.6vw Arial,sans-serif;
	padding: 1vw;
	text-align: center;
	justify-content: center;
}

.careersPopupCloseButton {
	background-color: rgba(140,198,64,1);
	border: 0.1vw solid #999;
	border-radius: 50%;
	font: bold 4vw/3.6vw Arial,sans-serif;
	position: absolute;
	top: -1.2vw;
	right: -1.2vw;
	width: 3.6vw;
	height: 3.6vw;
	text-align: center;
	align-self: center;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.careersPopupContinueButton {
	background-color:rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 3vw;
	font: bold 2vw/6vw Arial,sans-serif;
	width: 50%;
	height: 3.6vw;
	margin: 1.6vw;
	padding: 1vw;
	text-align: center;
  text-decoration: none;
  color: black;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.careersPopupCloseButton:hover,
.careersPopupContinueButton:hover {
	background-color: #ccc;
}

/* CONTINUE CAREERS SITE-WIDE POP-UP BOX STYLES */
/* CONTINUE CAREERS SITE-WIDE POP-UP BOX STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

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

  .careersPopup {
    width: 84%;
    margin: 8vw 4vw 4vw 4vw;
    padding: 0vw;
    border-radius: 6vw;
  }

  .careersPopupInfoContainer {
    font: normal 6vw/7vw Arial,sans-serif;
    padding: 0vw 6vw 6vw 6vw;
  }

  .careersPopupCloseButton {
    font: bold 10vw/10vw Arial,sans-serif;
    top: -5vw;
    right: -5vw;
    width: 10vw;
    height: 10vw;
  }
  
  .careersPopupContinueButton {
	  border: 0.1vw solid #999;
    border-radius: 8vw;
    font: bold 5vw/6vw Arial,sans-serif;
    width: 50%;
    height: 6vw;
    margin: 3vw;
    padding: 2vw;
  }
}

/* END CAREERS SITE-WIDE POP-UP BOX STYLES */
/* END CAREERS SITE-WIDE POP-UP BOX STYLES */
/* END CAREERS SITE-WIDE POP-UP BOX STYLES */

/* BEGIN EPAY SITE-WIDE POP-UP BOX STYLES*/
/* BEGIN EPAY SITE-WIDE POP-UP BOX STYLES*/
/* BEGIN EPAY SITE-WIDE POP-UP BOX STYLES*/

.epayPopupBackground {
	background: rgba(0,0,0,.4);
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}

.epayPopupContainer {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}

.epayPopup {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	flex-flow: row wrap;
	position: relative;
	height: auto;
	width: auto;
	font-size: 2vw;
	margin: 2vw;
	padding: 1vw;
	border-radius: 3vw;
}

.epayPopupInfoContainer {
	font: normal 2vw/2.6vw Arial,sans-serif;
	padding: 1vw;
	text-align: center;
	justify-content: center;
}

.epayPopupCloseButton {
	background-color: rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 50%;
	font: bold 4vw/3.6vw Arial,sans-serif;
	position: absolute;
	top: -1.2vw;
	right: -1.2vw;
	width: 3.6vw;
	height: 3.6vw;
	text-align: center;
	align-self: center;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.epayPopupContinueButton {
	background-color: rgba(140,198,64,1);
	border: .1vw solid #999;
	border-radius: 3vw;
	font: bold 2vw/6vw Arial,sans-serif;
	width: 50%;
	height: 3.6vw;
	margin: 1.6vw;
	padding: 1vw;
	text-align: center;
  text-decoration: none;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
}

.epayPopupCloseButton:hover,
.epayPopupContinueButton:hover {
	background-color: #ccc;
}

/* CONTINUE EPAY SITE-WIDE POP-UP BOX STYLES */
/* CONTINUE EPAY SITE-WIDE POP-UP BOX STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

@media only screen and (max-width: 600px) {
  
  .epayPopup {
    width: 84%;
    margin: 8vw 4vw 4vw 4vw;
    padding: 0vw;
    border-radius: 6vw;
  }

  .epayPopupInfoContainer {
    font: normal 6vw/7vw Arial,sans-serif;
    padding: 0vw 6vw 6vw 6vw;
  }

  .epayPopupCloseButton {
    font: bold 10vw/10vw Arial,sans-serif;
    top: -5vw;
    right: -5vw;
    width: 10vw;
    height: 10vw;
  }
  
  .epayPopupContinueButton {
	  border: 0.1vw solid #999;
    border-radius: 8vw;
    font: bold 3.5vw/5vw Arial,sans-serif;
    width: 50%;
    height: 6vw;
    margin: 3vw;
    padding: 2vw;
  }
}

/* END EPAY SITE-WIDE POP-UP BOX */
/* END EPAY SITE-WIDE POP-UP BOX */
/* END EPAY SITE-WIDE POP-UP BOX */

/* BEGIN MAIN BODY SITE-WIDE STYLES */
/* BEGIN MAIN BODY SITE-WIDE STYLES */
/* BEGIN MAIN BODY SITE-WIDE STYLES */

/* LARGER SCREENS, 600PX AND UP */
/* LARGER SCREENS, 600PX AND UP */

@media only screen and (min-width: 600px) {
  

  .hideElement {
    display: inline-flex;
  }

  .showElement {
    display: none;
  }

  .bodyWrapper {
    display: flex;
    flex: 1 0 auto;
    flex-flow: column wrap;
    max-width: 1920px;
  }

  .mainContentWrapper {
    display: flex;
    flex-flow: column wrap;
    margin: 0;
    padding: 0;
    border: 0;
    justify-content: center;
  }

  .sectionWrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    width: 100%;
    max-width: 1920px;
    height: auto;
  }
  
  .sectionHeaderText {
    font: bold 2.6vw/3.0vw Arial,sans-serif;
    flex-flow: column wrap;
    width: 100%;
    padding: 1vw 0 0 0;
    margin: 0;
  }

  .sectionHeaderSubText {
    font: bold 1.8vw/2.2vw Arial,sans-serif;
    flex-flow: column wrap;
    width: 100%;
    padding: 1vw 0 0 0;
    margin: 0;
  }

  .sectionHeaderSubText a:link, a:visited, a:hover, a:active {
    color: black;
  }

  .footer {
    flex-shrink: 0;
    padding: 2vw 2vw 2vw 2vw;
    border: 0;
    text-align: left;
    font: normal 1.2vw/1.8vw Arial,sans-serif;
    color: rgba(255,255,255,1.00);
    background-color: rgba(30,73,34,1.0);
  }

  .pageOnlyOneColumn {
    width: 70%;
    text-align: left;
  }
}

/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

@media only screen and (max-width: 600px) {
  
  p, ul, li {
    font: normal 5.0vw/6.0vw Arial,sans-serif;
  }

  .hideElement {
    display: none;
  }

  .showElement {
    display: inline-flex;
  }
  
  .justify {
    text-align: justify;
  }
  
  .bodyWrapper {
    display: flex;
    flex: 1 0 auto;
    flex-flow: column wrap;
    max-width: 600px;
  }
  
  .mainContentWrapper {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    border: 0;
    justify-content: center;
  }

  .sectionWrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    width: 100%;
    max-width: 1920px;
    height: auto;
  }
  
  .sectionHeaderText {
    font: bold 8.0vw/9.0vw Arial,sans-serif;
    flex-flow: column wrap;
    width: 100%;
    padding: 3vw 0 0 0;
    margin: 0;
  }

  .sectionHeaderSubText {
    font: bold 6vw/7vw Arial,sans-serif;
    flex-flow: column wrap;
    width: 100%;
    padding: 2vw 0 0 0;
    margin: 0;
  }

  .sectionHeaderSubText a:link, a:visited, a:hover, a:active {
    color: black;
  }

  .footer {
    flex-shrink: 0;
    padding: 6vw;
    border: 0;
    text-align: center;
    font: normal 3.2vw/4vw Arial,sans-serif;
    color: rgba(255,255,255,1.00);
    background-color: rgba(30,73,34,1.0);
  }

  .pageOnlyOneColumn {
    width: 90%;
    text-align: left;
  }
}

/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */

/* BEGIN MAIN BODY SITE-WIDE STYLES - SUPERHEADER */
/* BEGIN MAIN BODY SITE-WIDE STYLES - SUPERHEADER */
/* BEGIN MAIN BODY SITE-WIDE STYLES - SUPERHEADER */

/* LARGER SCREENS, 600PX AND UP */
/* LARGER SCREENS, 600PX AND UP */

@media only screen and (min-width: 600px) {

  #superHeaderWrapper{
    border: 0;
    border-bottom: .15vw solid rgba(140,198,64,1.0);
    font: normal 1.6vw/3.0vw Arial,sans-serif;
    background: rgba(255,255,255,1.0) center/cover url("https://www.bridgewaybhs.org/images/texture.homepage.baw.1240.680.300.png") no-repeat;
    position: sticky;
    top: auto;
  }
  
  #superHeaderScreen{
    background: rgba(255,255,255,1.00);
    padding: 1.6vw 0 1.4vw 0;
  }
  
  #superHeaderScreenLeft{
    position: fixed;
    top: 0;
    left: 0.5vw;
  }
  
  #superHeaderScreenRight{
    position: fixed;
    top: 0;
    right: 0.5vw;
  }
  
  #superHeaderScreenLeft > a, #superHeaderScreenRight > a {
    color: black;
    text-decoration-color: black;
  }
}

/* CONTINUE MAIN BODY SITE-WIDE STYLES - SUPERHEADER */
/* CONTINUE MAIN BODY SITE-WIDE STYLES - SUPERHEADER */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

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

  #superHeaderWrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    font: bold 3.4vw/4.4vw Arial,sans-serif;
    padding: 1vw 0 0.25vw 0;
    text-align: center;

  }
  #superHeaderScreenLeft > a, #superHeaderScreenRight > a {
    color: black;
    text-decoration-color: black;
  }
}

/* END MAIN BODY SITE-WIDE STYLES - SUPERHEADER */
/* END MAIN BODY SITE-WIDE STYLES - SUPERHEADER */
/* END MAIN BODY SITE-WIDE STYLES - SUPERHEADER */

/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */

/* BEGIN MAIN BODY SITE-WIDE STYLES - HEADER */
/* BEGIN MAIN BODY SITE-WIDE STYLES - HEADER */
/* BEGIN MAIN BODY SITE-WIDE STYLES - HEADER */

/* LARGER SCREENS, 600PX AND UP */
/* LARGER SCREENS, 600PX AND UP */

@media only screen and (min-width: 600px) {

  #headerWrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    flex-basis: 100%;
    align-items: center;
    border-bottom: .15vw solid rgba(140,198,64,1.0);
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1240.680.300.png') no-repeat;
    z-index: 100;
  }

  #headerWrapperColorScreen {
    display: flex;
    background-color:rgba(240,250,255,0.75)
  }

  #headerLeft, #stickyHeaderLeft,
  #headerCenterLeft, #stickyHeaderCenterLeft,
  #headerCenter, #stickyHeaderCenter,
  #headerCenterRight, #stickyHeaderCenterRight,
  #headerRight, #stickyHeaderRight,
  #headerLogo, #stickyHeaderLogo {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }   

  #headerSocial, #stickyHeaderSocial,
  #headerBBHSButtons, #stickyHeaderBBHSButtons {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  #headerInstagram, #stickyHeaderInstagram,
  #headerFacebook, #stickyHeaderFacebook,
  #headerYouTube, #stickyHeaderYouTube,
  #headerLinkedIn, #stickyHeaderLinkedIn,
  #headerEmailUs, #stickyHeaderEmailUs,
  #headerCallUs, #stickyHeaderCallUs,
  #headerDonate, #stickyHeaderDonate,
  #headerEpay, #stickyHeaderEpay,
  #headerPortal, #stickyHeaderPortal {
    display: flex;
    align-items: center;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
  }

  #headerInstagram a:hover img, #stickyHeaderInstagram a:hover img,
  #headerFacebook a:hover img, #stickyHeaderFacebook a:hover img,
  #headerYouTube a:hover img, #stickyHeaderYouTube a:hover img,
  #headerLinkedIn a:hover img, #stickyHeaderLinkedIn a:hover img,
  #headerEmailUs a:hover img, #stickyHeaderEmailUs a:hover img,
  #headerCallUs a:hover img, #stickyHeaderCallUs a:hover img,
  #headerDonate a:hover img, #stickyHeaderDonate a:hover img,
  #headerEpay a:hover img, #stickyHeaderEpay a:hover img,
  #headerPortal a:hover img, #stickyHeaderPortal a:hover img {
    filter: contrast(200%);
  }

  #headerFarLeft {
    flex-basis:2%
  }
  #headerLeft {
    flex-basis:18%
  }
  #smallMediaLogo{
    display: none;
  }
  #smallMediaMessage{
    display: none;
  }
  #headerCenterLeft {
    flex-basis:21%
  }
  #headerCenter {
    flex-basis:18%
  }
  #headerCenterRight {
    flex-basis:15%
  }
  #headerRight {
    flex-basis:24%
  }
  #headerFarRight {
    flex-basis:2%
  }
  #headerFacebook,
  #headerYouTube,
  #headerInstagram, 
  #headerLinkedIn {
    flex-basis:21%
  }
  #headerCallUs,
  #headerEmailUs,
  #headerDonate,
  #headerEpay,
  #headerPortal {
    flex-basis:17%
  }
}

/* CONTINUE MAIN BODY SITE-WIDE STYLES - HEADER */
/* CONTINUE MAIN BODY SITE-WIDE STYLES - HEADER */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

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

  #headerWrapper {
    display: flex;
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1240.680.300.png') no-repeat;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1% 0 0 0;
    border-top: 0.5vw solid rgba(140,198,64,1.0);
    border-bottom: 0.5vw solid rgba(140,198,64,1.0);
    z-index: 100;
  }

  #headerWrapperColorScreen {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(240,250,255,0.75);
    width: 100%;
  }

  #headerFarLeft, 
  #headerFarRight {
    display: none;
  }
  
  #headerLeft, #stickyHeaderLeft {
    display: none;
    flex-direction: row;
    width: 20%;
  }
  
  #headerSocial, #stickyHeaderSocial {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
  }
    
  #headerCenterLeft, #stickyHeaderCenterLeft {
    display: none;
    flex-direction: row;
    justify-content: center;
    width: 20%;
  }

  #headerCenter, #stickyHeaderCenter {
    display: none;
  }
    
  #headerLogo, #stickyHeaderLogo {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  #headerCenterRight {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 26%;
    font: normal 1.8vw/2.0vw Arial,sans-serif;
    padding: 1vw 0 1vw 2vw;
  }  

  #smallMediaLogo {
    width: 100%;
  }
  
  #headerRight {
    display: flex;
    flex-direction: row;
    width: 68%;
    padding: 1vw 2vw 1vw 0;
  }
    
  #stickyHeaderRight {
    display: none;
    flex-direction: row;
    width: 68%;
  }
  
  #headerBBHSButtons, #stickyHeaderBBHSButtons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  #headerInstagram, #stickyHeaderInstagram,
  #headerFacebook, #stickyHeaderFacebook,
  #headerYouTube, #stickyHeaderYouTube,
  #headerLinkedIn, #stickyHeaderLinkedIn,
  #headerEmailUs, #stickyHeaderEmailUs,
  #headerCallUs, #stickyHeaderCallUs,
  #headerDonate, #stickyHeaderDonate,
  #headerEpay, #stickyHeaderEpay,
  #headerPortal, #stickyHeaderPortal {
    display: flex;
    align-items: center;
    padding-top: .25vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
  }

  #headerInstagram a:hover img, #stickyHeaderInstagram a:hover img,
  #headerFacebook a:hover img, #stickyHeaderFacebook a:hover img,
  #headerYouTube a:hover img, #stickyHeaderYouTube a:hover img,
  #headerLinkedIn a:hover img, #stickyHeaderLinkedIn a:hover img,
  #headerEmailUs a:hover img, #stickyHeaderEmailUs a:hover img,
  #headerCallUs a:hover img, #stickyHeaderCallUs a:hover img,
  #headerDonate a:hover img, #stickyHeaderDonate a:hover img,
  #headerEpay a:hover img, #stickyHeaderEpay a:hover img,
  #headerPortal a:hover img, #stickyHeaderPortal a:hover img {
    filter: contrast(200%);
  }

  #headerFacebook,
  #headerYouTube,
  #headerInstagram, 
  #headerLinkedIn {
    flex-basis: 21%
  }
  
  #headerCallUs,
  #headerEmailUs,
  #headerDonate,
  #headerEpay,
  #headerPortal {
    flex-basis: 17%
  }
}

/* END MAIN BODY SITE-WIDE STYLES - HEADER */
/* END MAIN BODY SITE-WIDE STYLES - HEADER */
/* END MAIN BODY SITE-WIDE STYLES - HEADER */

/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */

/* BEGIN MAIN BODY SITE-WIDE STYLES - STICKYHEADER */
/* BEGIN MAIN BODY SITE-WIDE STYLES - STICKYHEADER */
/* BEGIN MAIN BODY SITE-WIDE STYLES - STICKYHEADER */

/* LARGER SCREENS, 600PX AND UP */
/* LARGER SCREENS, 600PX AND UP */

@media only screen and (min-width: 600px) {
  
  #stickyHeaderWrapper {
    position: fixed;
    top: 0;
    display: none;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    flex-basis: 100%;
    align-items: center;
    border-bottom: .15vw solid rgba(140,198,64,1.0);
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1240.680.300.png') no-repeat;
    z-index: 200;
  }

  #stickyHeaderWrapperColorScreen {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(240,250,255,0.75);
  }

  #stickyHeaderFarLeft {
    flex-basis:1%
  }
  #stickyHeaderLeft {
    flex-basis:15%
  }
  #stickyHeaderCenterLeft {
    flex-basis:10%;
  }
  #stickyHeaderCenter {
    flex-basis:18%
  }
  #stickyHeaderCenterRight {
    flex-basis:41%;
    font: normal 1.3vw/1.9vw Arial,sans-serif;
  }
  #stickyHeaderCenterRight a {
    color: black;
    text-decoration-color: black;
  }
  #stickyHeaderRight {
    flex-basis:20%
  }
  #stickyHeaderFarRight {
    flex-basis:1%
  }
  #stickyHeaderFacebook,
  #stickyHeaderYouTube,
  #stickyHeaderInstagram, 
  #stickyHeaderLinkedIn {
    flex-basis:21%
  }
  #stickyHeaderCallUs,
  #stickyHeaderEmailUs,
  #stickyHeaderDonate,
  #stickyHeaderEpay,
  #stickyHeaderPortal {
    flex-basis:17%;
  }
}

/* CONTINUE MAIN BODY SITE-WIDE STYLES - STICKYHEADER */
/* CONTINUE MAIN BODY SITE-WIDE STYLES - STICKYHEADER */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

@media only screen and (max-width: 600px) {
  
  #stickyHeaderWrapper {
    position: fixed;
    top: 0;
    display: none;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    align-items: center;
    border-bottom: .5vw solid rgba(140,198,64,1.0);
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1240.680.300.png') no-repeat;
    z-index: 200;
  }

  #stickyHeaderWrapperColorScreen {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(240,250,255,0.75);
  }

  #stickyHeaderFarLeft {
    flex-basis: 0%
  }
  
  #stickyHeaderLeft {
    flex-basis: 0%
  }
  
  #stickyHeaderCenterLeft {
    display: flex;
    flex-basis: 20%;
    padding: 0 0 0 2vw;
  }
  
  #stickyHeaderCenter {
    flex-basis: 0%
  }
  
  #stickyHeaderCenterRight {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
    font: bold 2.6vw/3.4vw Arial,sans-serif;
    flex-basis: 80%;
    padding: 1vw 0 1vw 0;
  }
  
  #stickyHeaderCenterRight a {
    color: black;
    text-decoration-color: black;
  }
  #stickyHeaderRight {
    flex-basis:0%
  }
  
  #stickyHeaderFarRight {
    flex-basis:0%
  }
  
  #stickyHeaderFacebook,
  #stickyHeaderYouTube,
  #stickyHeaderInstagram, 
  #stickyHeaderLinkedIn {
    flex-basis:21%
  }
  
  #stickyHeaderCallUs,
  #stickyHeaderEmailUs,
  #stickyHeaderDonate,
  #stickyHeaderEpay,
  #stickyHeaderPortal {
    flex-basis:17%
  }
}

/* END MAIN BODY SITE-WIDE STYLES - STICKYHEADER */
/* END MAIN BODY SITE-WIDE STYLES - STICKYHEADER */
/* END MAIN BODY SITE-WIDE STYLES - STICKYHEADER */

/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */
/* CONTINUE MAIN BODY SITE-WIDE STYLES */

/* BEGIN MAIN BODY SITE-WIDE STYLES - NAVIGATION */
/* BEGIN MAIN BODY SITE-WIDE STYLES - NAVIGATION */
/* BEGIN MAIN BODY SITE-WIDE STYLES - NAVIGATION */

/* LARGER SCREENS, 600PX AND UP */
/* LARGER SCREENS, 600PX AND UP */

@media only screen and (min-width: 600px) {

  #navWrapper{
    display: flex;
    border-bottom: .15vw solid rgba(140,198,64,1.0);
    text-align: center;
    justify-content: center;
    font: normal 1.6vw/1.6vw Arial,sans-serif;
    color: rgba(0,51,0,1.00);
    background-color: rgba(255,255,255,1.0);
    position: sticky;
    top: auto;
    z-index: 100;
  }
  
  #menuWrapper,
  input[type=checkbox],
  input[type=checkbox] + label > span {
    display: none;
    filter: none;
  }

  #navLinksWrapper {
    width: 100%;
    justify-content: space-around;
    box-shadow: 0.3vw 0.3vw 0.2vw rgba(51,51,51,0.5);
  }
  
  #navLinksWrapper a:link,
  #navLinksWrapper a:visited,
  #navLinksWrapper a:hover,
  #navLinksWrapper a:active {
    color: black;
    text-decoration: none;
  }
  
  #navLinksWrapper > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #fff;
    text-align: center;
  }

  #navLinksWrapper > ul > li {
    padding: 0.8vw 1vw;
    display: inline-block;
  }

  #navLinksWrapper > ul > li:hover {
    border-radius: 2vw 2vw 2vw 2vw;
    background-color: #ddd;
    filter: drop-shadow(0.4vw 0.4vw 0.4vw rgba(51, 51, 51, .75));
  }

  #navLinksWrapper  ul > li:hover > ul {
    display: block;
    opacity: 1;
    border-radius: 0vw .5vw 0vw .5vw;
  }

  #menuAlignServiceFactSheets{top:-100%}
  #menuAlignProgramsByCounty{top:-200%}
  #menuAlignPressReleases{top:-100%}
  #menuAlignNewsletters{top:-200%}
  #menuAlignTrainings{top:-200%}
  
  #navLinksWrapper  ul > li > ul {
    background: #ddd;
    margin: 0;
    padding: 0.75vw 0;
    position: absolute;
    display: none;
    opacity: 0;
  }

  #navLinksWrapper  ul > li > ul > li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0.5vw 1.4vw 0.5vw 1.4vw;
    background: #ddd;
    text-align: left;
    color: rgba(0,51,0,1.00);
    font: normal 1.4vw/1.0vw Arial,sans-serif;
  }

  #navLinksWrapper > ul > li > ul > li:hover {
    background: #bbb;
  }

  #navLinksWrapper > ul > li > ul > li > ul {
    left: 100%;
    padding: 0.50vw 0;
    background: #bbb;
    display: none;
    opacity: 0;
  }
  
  #navLinksWrapper > ul > li > ul > li > ul > li {
    padding: 0.5vw 1.4vw 0.5vw 1.4vw;
    background: #bbb;
    clear: both;
    text-align: left;
    color: rgba(0,51,0,1.00);			
  }

  #navLinksWrapper > ul > li > ul > li > ul > li:hover {
    background: #999;
  }

  #navLinksWrapper > ul > li > ul > li > ul > li > ul {
    left: 100%;
    background: #999;
    opacity: 0;
  }

  #menuAlignBergen{top:-25%}
  #menuAlignEssex{top:-25%}
  #menuAlignHudson{top:-25%}
  #menuAlignHunterdon{top:-25%}
  #menuAlignMiddlesex{top:-25%}
  #menuAlignPassaic{top:-25%}
  #menuAlignSomerset{top:-25%}
  #menuAlignSussex{top:-300%}
  #menuAlignUnion{top:-600%}
  #menuAlignWarren{top:-200%}
  
  #navLinksWrapper > ul > li > ul > li > ul > li > ul > li {
    margin: 0;
    padding: 0.5vw 1.4vw 0.5vw 1.4vw;
    background: #999;
    text-align: left;
  }

  #navLinksWrapper > ul > li > ul > li > ul > li > ul > li:hover {
    background: #666;
  }
}

/* CONTINUE MAIN BODY SITE-WIDE STYLES - NAVIGATION */
/* CONTINUE MAIN BODY SITE-WIDE STYLES - NAVIGATION */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

@media only screen and (max-width: 600px) {
  
  #navWrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: .15vw solid rgba(140,198,64,1.0);
    justify-content: center;
    color: rgba(0,51,0,1.00);
    background-color: rgba(255,255,255,1.0);
    position: sticky;
    top: auto;
    z-index: 100;
  }
 
  #navLinksWrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font: bold 5.0vw/12.0vw Arial,sans-serif;
  }
  
  #navLinksWrapper a:link,
  #navLinksWrapper a:visited,
  #navLinksWrapper a:hover,
  #navLinksWrapper a:active {
    color: white;
    text-decoration: none;
  }
  
  #navLinksWrapper a,
  #navLinksWrapper label {
    display: block;
    width: 100%;
  }  
  
  #navLinksWrapper label:hover, 
  #navLinksWrapper label:active {
    cursor: pointer;
    display: block;
  }
  
  #navLinksWrapper ul {
    top: 100%;
    left: -100%;
    flex-wrap: wrap;
    background-color: rgba(255,255,255,1.0);
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: left;
    color: white;
  }
  
  #navLinksWrapper li {
    display: block;
    flex-wrap: wrap;
    width: 100%;
    margin: .25vw 0vw 0vw 0vw;
    text-decoration: none;
    filter:drop-shadow(0.3vw 0.3vw 0.2vw rgba(51, 51, 51, .5));
  }
  
  #navLinksWrapper li:hover{
    opacity: 0.95;
  }
  
  #navLinksWrapper li:active{
    opacity: 1.0;
  }

  #navLinksWrapper > ul > li:first-of-type {
    margin-top: 0;
  }
  
  #navLinksWrapper > ul > li {
    background-color: rgba(33,75,156,1.0);
    text-indent: 4vw;
  }
  
  #navLinksWrapper > ul > li > ul > li {
    background-color: rgba(36,118,159,1.0);
    text-indent: 6vw;
  }
  
  #navLinksWrapper > ul > li > ul > li > ul > li {
    background-color: rgba(18,107,107,1.0);
    text-indent: 8vw;
  }
  
  #navLinksWrapper > ul > li > ul > li > ul > li > ul > li {
    background-color: rgba(19,152,107,1.0);
    text-indent: 10vw;
  }
  
  input[type=checkbox] {
    display: none;
  }
  
  input[type=checkbox] + label > span {
    visibility: hidden;
  }
    
  input[type=checkbox]:checked + label > span {
    visibility: visible;
  }
  
  input[type=checkbox] ~ div > #menuTopperHide,
  input[type=checkbox]:checked ~ div > #menuTopperShow,
  input[type=checkbox] ~ ul,
  input[type=checkbox] ~ ul > li,
  input[type=checkbox] ~ ul > label {
    display: none;
  }  
  
  input[type=checkbox] ~ div > #menuTopperShow,
  input[type=checkbox]:checked ~ div > #menuTopperHide,
  input[type=checkbox]:checked ~ ul,
  input[type=checkbox]:checked ~ ul > li,
  input[type=checkbox]:checked ~ ul > label {
    display: flex;
  }
  
  #menuWrapper {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    width: 100%;
    flex-basis: 100%;
    border-bottom: 0.5vw solid rgba(140,198,64,1.0);
  }
  
  #menuTopperShow, #menuTopperHide {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 12vw;
    font: bold 8.0vw/5.0vw Arial,sans-serif;
  }  

  #servicesLabelShowMenu {
    margin-right: 0;
    margin-left: 2.5vw;
    flex-basis: 40%;
  }

  #servicesLabelHideMenu {
    margin: 1vw 0 1vw 2.5vw;
    flex-basis: 100%;
  }
    
  #menuSocial {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-end;
    flex-basis: 60%;
    padding: 0.5vw 0;
  }
  
  #menuHeaderFacebook,
  #menuHeaderYouTube,
  #menuHeaderInstagram, 
  #menuHeaderLinkedIn {
    width: 16%;
    margin: 0vw 2.5vw 0vw 0vw;
  }
}

/* END MAIN BODY SITE-WIDE STYLES - NAVIGATION */
/* END MAIN BODY SITE-WIDE STYLES - NAVIGATION */
/* END MAIN BODY SITE-WIDE STYLES - NAVIGATION */

/* END MAIN BODY SITE-WIDE STYLES */
/* END MAIN BODY SITE-WIDE STYLES */
/* END MAIN BODY SITE-WIDE STYLES */

/* BEGIN HOME PAGE SPECIFIC STYLES */
/* BEGIN HOME PAGE SPECIFIC STYLES */
/* BEGIN HOME PAGE SPECIFIC STYLES */

/* LARGER SCREENS, 600PX AND UP */
/* LARGER SCREENS, 600PX AND UP */

@media only screen and (min-width: 600px) {

  .homeStack {
    padding: 0 0 2vw 0;
  }

  .homeStackTextHeader {
    font: bold 3.5vw/3.5vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }

  .homeStackTextHeader a:link,
  .homeStackTextHeader a:visited,
  .homeStackTextHeader a:hover,
  .homeStackTextHeader a:active,
  .homeStackTextContent a:link,
  .homeStackTextContent a:visited,
  .homeStackTextContent a:hover,
  .homeStackTextContent a:active{
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
  }
  
  #homeStackOneWrapper {
    display: flex;
    width: 100%;
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat;
  }
  
  #homeStackOneColor {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(144,195,204,0.70);
  }
  
  #homeStackOneShadowbox {
    display: flex;
    width: 100%;
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
  }

  #homeStackOneLeft {
    display: flex;
    flex-basis: 70%;
  }

  #homeStackOneTextHeader {
    position: absolute;
    font: bold 3.5vw/3.5vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    justify-content: space-around;
    top: 4vw;
    left: 4vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }
  
  #homeStackOneTextContent {
    position: absolute;
    justify-content: space-around;
    font: bold italic 1.5vw/1.8vw Arial,sans-serif;
    top: 9vw;
    left: 10vw;
  }
  
  #homeStackOneRight {
    display: flex;
    flex-basis: 30%;
  }

  .peopleSlides {
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-delay: 0;
  }

  .eventSlides {
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 8s;
    animation-delay: 0;
  }
  
  
  .threeTilesRow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .threeTilesMargin {
    display: flex;
    width: 32%;
    margin: 0vw 0vw 2vw 0vw;
  }

  .threeTilesBlock {
    display: flex;
    flex-wrap: nowrap;
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat; 
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
    flex-basis: 100%;
  }

  .threeTilesBigText {
    font: bold 4vw/4vw Arial,sans-serif;
    padding-bottom: 1vw;
  }

  .threeTilesRegularText {
    font: normal 2vw/2.2vw Arial,sans-serif;
  }

  .threeTilesHeadline {
    font: bold 4vw/2.5vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    padding-bottom: 1.7vw;
  }

  .threeTilesButton {
    display: flex;
    background-color: rgba(0, 51, 153, 0.8);
    font: bold 1.8vw/2.8vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
    justify-content: center;
    align-content: center;
    padding: 0.8vw 2vw;
    border: .1vw solid #fff;
    border-radius: 1.5vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
    transition: .2s;
  }
  
  .threeTilesButton a:link,
  .threeTilesButton a:visited,
  .threeTilesButton a:active {
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
  }

  .threeTilesButton a:hover {
    color: rgba(255, 255, 255, 0.5);
  }

  .threeTilesScreen1,
  .threeTilesScreen2,
  .threeTilesScreen3,
  .threeTilesScreen4,
  .threeTilesScreen5,
  .threeTilesScreen6 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    background-color: rgba(144,195,204,0.70);
  }

  .threeTilesScreen1 {
    padding: 2vw 2vw 2vw 2vw;
  }

  .threeTilesScreen1 .threeTilesButton {
    background-color: rgba(0, 51, 153, 0.8);
  }
  
  .threeTilesScreen2 {
    padding: 2vw 2vw 2vw 2vw;
  }
  
  .threeTilesScreen2 .threeTilesButton{
    background-color: rgba(0, 102, 102, 0.8);
  }
  
  .threeTilesScreen3 {
    padding: 2vw 2vw 2vw 2vw;
  }

  .threeTilesScreen3 .threeTilesButton{
    background-color: rgba(0, 153, 51, 0.8);
  }
  
  .threeTilesScreen4 {
    padding: 4.75vw 2vw 4.75vw 2vw;
  }
  
  .threeTilesScreen4  .threeTilesButton {
    background-color: rgba(0, 153, 102, 0.8);
    font-size: 2.2vw;
    line-height: 2.2vw;
    margin: 2.1vw 0vw 0vw 0vw;
    padding: 1.5vw 2vw
  }

  .threeTilesScreen4  .threeTilesRegularText {
    margin: 1.8vw 0 2.1vw 0;
  }
  
  .threeTilesScreen5 {
    padding: 2vw;
  }

  .threeTilesScreen5 > div {
    display: flex;
  }
  
  .threeTilesScreen5 img {
    border-radius: 1vw;
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70)
  }
  
  .golfOutingTitleText {
    display: flex;
    position: absolute;
    bottom: 5.5vw;
    width: 28%;
    justify-content: center;
    font: bold 2.1vw/3.0vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }

  .threeTilesScreen6 {
    padding: 4.75vw 2vw 4.75vw 2vw;
  }
  
  .threeTilesScreen6  .threeTilesButton {
    background-color: rgba(0, 102, 153, 0.8);
    font-size: 2.2vw;
    line-height: 2.2vw;
    margin: 2.1vw 0vw 0vw 0vw;
    padding: 1.5vw 2vw
  }

  .threeTilesScreen6  .threeTilesRegularText {
    margin: 1.8vw 0 2.1vw 0;
  }
  
  #homeStackFourWrapper {
    display: flex;
    width: 100%;
    background: right/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat;
  }
  
  #homeStackFourColor {
    display: flex;
    width: 100%;
    background-color: rgba(112,168,153,0.70);
    justify-content: space-around;
    align-items: center;
  }
  
  #homeStackFourShadowbox {
    display: flex;
    width: 100%;
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
  }

  #homeStackFourLeft {
    display: flex;
    flex-basis: 30%;    
    margin: 0;
    padding: 0;  }
  
  #homeStackFourRight {
    display: flex;
    flex-basis: 70%;
    margin: 0;
    padding: 0;
  }
  
  #homeStackFourButton {
    font: bold 2.5vw/0vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    text-align: center;
    background-color: rgba(255, 255, 255, .1);
    position: absolute;
    top: 5vw;
    right: 7vw;
    padding: 3vw;
    border: .1vw solid #fff;
    border-radius: 1.5vw;
    transition: .2s;
    cursor: pointer;
    filter: drop-shadow(0.3vw 0.3vw 0.3vw #333333);
  }

  #homeStackFourButton a:link,
  #homeStackFourButton a:visited,
  #homeStackFourButton a:active {
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
  }

  #homeStackFourButton a:hover {
    color: rgba(255, 255, 255, 0.5);
  }
  
  #homeStackFourTextHeader {
    display: flex;
    position: absolute;
    font: bold 3.5vw/3.5vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    justify-content: space-around;
    text-align: left;
    top: 6.5vw;
    left: 34vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }
  
  #homeStackFiveWrapper {
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat;
    display: flex;
  }

  #homeStackFiveColor {
    display: flex;
    flex-basis: 100%;
    background-color: rgba(105,158,145,0.70);
    justify-content: space-around;
    align-items: center;
  }
  
  #homeStackFiveShadowbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
  }

  #homeStackFiveTextHeader {
    display: flex;
    font: bold 3.5vw/3.5vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    justify-content: space-around;
    text-align: center;
    margin: 3vw 10vw 0 10vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }

  #homeStackFiveTextContent {
    display: flex;
    font: normal 2.0vw/2.6vw Arial,sans-serif;
    justify-content: space-around;
    text-align: center;
    margin: 2vw 6vw 3vw 6vw;
    filter: drop-shadow(0.2vw 0.2vw 0.2vw #333333);
  }
}

/* CONTINUE HOME PAGE SPECIFIC STYLES */
/* CONTINUE HOME PAGE SPECIFIC STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

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

  .homeStack {
    padding: 0 0 2vw 0;
  }

  .homeStackTextHeader {
    color: rgba(255, 255, 255, 1.0);
    font: bold 5vw/6vw Arial,sans-serif;
    filter: drop-shadow(0.3vw 0.3vw 0.5vw #333333);
    position: absolute;
    justify-content: space-around;
  }

  .homeStackTextHeader a:link,
  .homeStackTextHeader a:visited,
  .homeStackTextHeader a:hover,
  .homeStackTextHeader a:active,
  .homeStackTextContent a:link,
  .homeStackTextContent a:visited,
  .homeStackTextContent a:hover,
  .homeStackTextContent a:active{
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
  }
  
  #homeStackOneWrapper {
    display: flex;
    width: 100%;
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat;
  }
  
  #homeStackOneColor {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(144,195,204,0.70);
  }
  
  #homeStackOneShadowbox {
    display: flex;
    width: 100%;
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
  }

  #homeStackOneLeft {
    display: flex;
    flex-basis: 42%;
  }

  #homeStackOneTextHeader {
    position: absolute;
    font: bold 6vw/6.8vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    justify-content: space-around;
    top: 6vw;
    left: 7vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
    width: 45%;
  }
  
  #homeStackOneTextContent {
    display: none;
  }
  
  #homeStackOneRight {
    display: flex;
    flex-basis: 58%;
  }

  .peopleSlides {
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-delay: 0;
  }

  .eventSlides {
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 8s;
    animation-delay: 0;
  }

  .threeTilesRow {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }

  .threeTilesMargin {
    display: flex;
    width: 100%;
    margin: 0vw 0vw 2vw 0vw;
  }

  .threeTilesBlock {
    display: flex;
    flex-wrap: nowrap;
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat; 
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
    flex-basis: 100%;
  }

  .threeTilesBigText {
    font: bold 4vw/4vw Arial,sans-serif;
    margin: 0vw 4vw 2vw 4vw;
    padding-bottom: 1vw;
  }

  .threeTilesRegularText {
    font: normal 2vw/2.2vw Arial,sans-serif;
  }

  .threeTilesHeadline {
    font: bold 4vw/2.5vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    padding-bottom: 1.7vw;
  }

  .threeTilesButton {
    display: flex;
    background-color: rgba(0, 51, 153, 0.8);
    font: bold 5vw/6vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
    justify-content: center;
    align-content: center;
    margin: 6vw 6vw 2vw 6vw;
    padding: 3vw 10vw;
    border: .1vw solid #fff;
    border-radius: 4vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
    transition: .2s;
  }
  
  .threeTilesButton a:link,
  .threeTilesButton a:visited,
  .threeTilesButton a:active {
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
  }

  .threeTilesButton a:hover {
    color: rgba(255, 255, 255, 0.5);
  }

  .threeTilesScreen1,
  .threeTilesScreen2,
  .threeTilesScreen3,
  .threeTilesScreen4,
  .threeTilesScreen5,
  .threeTilesScreen6 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    background-color: rgba(144,195,204,0.70);
    font: normal 5vw/6vw Arial,sans-serif;
  }

  .threeTilesScreen1 > p,
  .threeTilesScreen2 > p,
  .threeTilesScreen3 > p,
  .threeTilesScreen4 > p,
  .threeTilesScreen5 > p,
  .threeTilesScreen6 > p {
    margin: 6vw;
  }  
  .threeTilesScreen1 {
    padding: 2vw 2vw 2vw 2vw;
  }
  
  .threeTilesScreen1 .threeTilesButton{
    background-color: rgba(0, 51, 153, 0.8);
  }
  
  .threeTilesScreen2 {
    padding: 2vw 2vw 2vw 2vw;
  }

  .threeTilesScreen2 .threeTilesButton{
    background-color: rgba(0, 102, 102, 0.8);
  }
  
  .threeTilesScreen3 {
    padding: 2vw 2vw 2vw 2vw;
  }

  .threeTilesScreen3 .threeTilesButton{
    background-color: rgba(0, 153, 51, 0.8);
  }
  
  .threeTilesScreen4 {
    padding: 5.6vw 2vw 5.6vw 2vw;
  }
  
  .threeTilesScreen4 .threeTilesButton {
    background-color: rgba(0, 153, 102, 0.8);
    font: bold 5vw/6vw Arial,sans-serif;
    margin: 2vw 5vw;
    padding: 5.5vw 10vw;
    border-radius: 4vw;    
  }

  .threeTilesScreen4 .threeTilesRegularText {
    font: normal 5vw/6vw Arial,sans-serif;
    margin: 1.8vw 0 2.1vw 0;
  }
  
  .threeTilesScreen5 {
    padding: 8vw;
  }

  .threeTilesScreen5 > div {
    display: flex;
  }
  
  .threeTilesScreen5 img {
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
    border-radius: 4vw;
  }
  
  .golfOutingTitleText {
    display: flex;
    position: absolute;
    bottom: 67vw;
    width: 84%;
    justify-content: center;
    font: bold 6.0vw/7.0vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }
  
  .threeTilesScreen6 {
    padding: 5.6vw 2vw 7.6vw 2vw;
  }
  
  .threeTilesScreen6 .threeTilesButton {
    background-color: rgba(0, 102, 153, 0.8);
    font: bold 5vw/6vw Arial,sans-serif;
    margin: 2vw 6vw;
    padding: 5.5vw 10vw;
    border-radius: 4vw;
  }

  .threeTilesScreen6 .threeTilesRegularText {
    font: normal 5vw/6vw Arial,sans-serif;
    margin: 1.8vw 0 2.1vw 0;
  }
  
  #homeStackFourWrapper {
    display: flex;
    background: right/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat;
  }
  
  #homeStackFourColor {
    display: flex;
    flex-basis: 100%;
    background-color: rgba(112,168,153,0.70);
    justify-content: space-around;
    align-items: center;
  }
  
  #homeStackFourShadowbox {
    display: flex;
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
  }
  
  #homeStackFourLeft {
    display: flex;
    flex-basis: 60%;    
    margin: 0;
    padding: 0;
  }
  
  #homeStackFourRight {
    display: flex;
    flex-direction: column;
    flex-basis: 40%;
    margin: 0;
    padding: 0;
  }
  
  #homeStackFourTextHeader {
    font: bold 6vw/6.8vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    justify-content: space-around;
    position:absolute;
    top: 8vw;
    right: 5vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }
  
  #homeStackFourButton {
    font: bold 3.5vw/0vw Arial,sans-serif;
    color: rgba(255, 255, 255, 1.0);
    text-align: center;
    background-color: rgba(255, 255, 255, .1);
    position:absolute;
    top: 18vw;
    right: 7vw;
    padding: 3vw;
    border: .1vw solid #fff;
    border-radius: 1.5vw;
    transition: .2s;
    cursor: pointer;
    filter: drop-shadow(0.3vw 0.3vw 0.3vw #333333);
  }

  #homeStackFourButton a:link,
  #homeStackFourButton a:visited,
  #homeStackFourButton a:active {
    color: rgba(255, 255, 255, 1.0);
    text-decoration: none;
  }

  #homeStackFourButton a:hover {
    color: rgba(255, 255, 255, 0.5);
  }
 
  #homeStackFiveWrapper {
    display: flex;
    posiiton: relative;
    width: 100%;
    background: center/cover url('https://www.bridgewaybhs.org/images/texture.homepage.baw.1920.600.72.png') no-repeat;
  }

  #homeStackFiveColor {
    display: flex;
    flex-basis: 100%;
    background-color: rgba(105,158,145,0.70);
    justify-content: space-around;
    align-items: center;
  }
  
  #homeStackFiveShadowbox {
    display: flex;
    justify-content: center;
    box-shadow: 0.3vw 0.3vw 0.5vw rgba(0,0,0,0.70);
  }

  #homeStackFiveTextHeader {
    font: bold 6vw/6.8vw Arial,sans-serif;
    text-align: center;
    margin-top: 6vw;
  }
  
  #homeStackFiveTextContent {
    font: bold 4vw/5vw Arial,sans-serif;
    justify-content: space-around;
    text-align: center;
    margin: 18vw 10vw 6vw 10vw;
    filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  }

}

/* CONTINUE HOME PAGE SPECIFIC STYLES */
/* CONTINUE HOME PAGE SPECIFIC STYLES */
/* CONTINUE HOME PAGE SPECIFIC STYLES */

/* BEGIN ABOUT PAGE SPECIFIC STYLES */
/* BEGIN ABOUT PAGE SPECIFIC STYLES */
/* BEGIN ABOUT PAGE SPECIFIC STYLES */

.aboutWrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-start;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	max-width: 1920px;
	height: auto;
}

.aboutPhotoTitlePairs {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 1%;
	width: 25%;
	height: auto;
}

.aboutPhoto, .aboutText {
	display: flex;
	flex-flow: column wrap;
	width: 50%;
}

.aboutPhoto img {
	border-radius: 1vw;
  box-shadow: 0.25vw 0.25vw 0.5vw rgba(0,0,0,0.5);
}

.aboutTextBig {
	font: bold 1.5vw/1.8vw Arial,sans-serif;
	margin: 2% 0;
}

.aboutTextMedium {
	font: bold 1.3vw/1.5vw Arial,sans-serif;
	margin: 2% 0;
}

.aboutTextSmall {
	font: normal 1.0vw/1.2vw Arial,sans-serif;
	margin: 2% 0;
}


/* CONTINUE ABOUT PAGE SPECIFIC STYLES */
/* CONTINUE ABOUT PAGE SPECIFIC STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */


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

  .aboutWrapper {
    flex-flow: column wrap;
    align-items: center;
  }
  
  .aboutPhotoTitlePairs {
    flex-flow: column wrap;
    align-items: center;
    width: 90%;
    margin: 4vw 0;
    padding: 2vw 2vw;
    border: 0.5vw solid rgba(140,198,64,1.0);
    border-radius: 8vw;
  }
  
  .aboutPhoto {
    flex: 1 0 1;
    font: bold 6.0vw/7.0vw Arial,sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  .aboutText {
    flex: 1 0 1;
    font: bold 6.0vw/7.0vw Arial,sans-serif;
    width: 100%;
    margin: 2vw 0 0 0;
    padding: 0;
  }
  
  .aboutPhoto img {
    border-radius: 6vw;
	  box-shadow: 0.5vw 0.5vw 2vw #555;
  }

  .aboutTextBig {
    font: bold 6.0vw/7.0vw Arial,sans-serif;
    margin: 2% 0;
  }

  .aboutTextMedium {
    font: bold 5.0vw/6.0vw Arial,sans-serif;
    margin: 2% 0;
  }

  .aboutTextSmall {
    font: normal 4.5vw/6.0vw Arial,sans-serif;
    margin: 2% 0;
  }

}

/* END ABOUT PAGE SPECIFIC STYLES */
/* END ABOUT PAGE SPECIFIC STYLES */
/* END ABOUT PAGE SPECIFIC STYLES */

/* BEGIN EVENT PAGE SPECIFIC STYLES */
/* BEGIN EVENT PAGE SPECIFIC STYLES */
/* BEGIN EVENT PAGE SPECIFIC STYLES */

.eventWrapper {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	padding: 0;
	margin: 0;
  justify-content: center;
	width: 100%;
	max-width: 1920px;
	height: auto;
}

.eventPosterWrapper {
	display: flex;
	flex-flow: column wrap;
	width: 50%;
}

.eventPosterWrapper a {
  text-decoration: none;
}

.eventText {
}

.eventPoster {
  filter: drop-shadow(.4vw .4vw .4vw #555);
  margin: 2vw 0;
}

.eventPoster a {
  text-decoration: none;
}

.eventPoster img {
  
  border-radius: 2vw;
	width: 90%;
}

/* CONTINUE EVENT PAGE SPECIFIC STYLES */
/* CONTINUE EVENT PAGE SPECIFIC STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */


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

  .eventWrapper {
    display: flex;
    flex-flow: column wrap;
    position: relative;
    padding: 0;
    margin: 0;
    align-content: center;
    width: 100%;
    max-width: 1920px;
    height: auto;
  }

  .eventPosterWrapper {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
  }

  .eventPosterWrapper a {
    text-decoration: none;
  }

  .eventText {
  }

  .eventPoster {
    filter: drop-shadow(.4vw .4vw .4vw #555);
    margin: 6vw 0;
  }

  .eventPoster a {
    text-decoration: none;
  }

  .eventPoster img {
   border-radius: 2vw;
    width: 86%;
  }
  
}

/* END EVENT PAGE SPECIFIC STYLES */
/* END EVENT PAGE SPECIFIC STYLES */
/* END EVENT PAGE SPECIFIC STYLES */

/* BEGIN VIDEO PAGE SPECIFIC STYLES */
/* BEGIN VIDEO PAGE SPECIFIC STYLES */
/* BEGIN VIDEO PAGE SPECIFIC STYLES */

.videoThumbContainer {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 1%;
	width: 100%;
	height: auto;
}

.videoThumb, .videoDetails{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	width: 50%;
	height: auto;
}

.videoThumb img {
	border-radius: 1.5vw;
}

.videoResources {
	text-align: left;
}

.videoTextBig, .videoTextBig a {
	font: bold 2vw/2.4vw Arial,sans-serif;
	margin: 2% 0;
}

.videoTextMedium {
	font: bold 1.5vw/1.7vw Arial,sans-serif;
	margin: 2% 0;
}

.videoTextSmall {
	font: normal 1.2vw/1.4vw Arial,sans-serif;
	margin: 2% 0;
}

/* CONTINUE VIDEO PAGE SPECIFIC STYLES */
/* CONTINUE VIDEO PAGE SPECIFIC STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */


@media only screen and (max-width: 600px) {
  
  .videoThumbContainer {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 1%;
    width: 100%;
    height: auto;
  }

  .videoThumb, .videoDetails{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .videoThumb img {
    border-radius: 5vw;
  }

  .videoResources {
    text-align: left;
  }

  .videoTextBig, .videoTextBig a {
    font: bold 6.0vw/7.0vw Arial,sans-serif;
    margin: 2% 0;
  }

  .videoTextMedium {
    font: bold 5.0vw/6.0vw Arial,sans-serif;
    margin: 2% 0;
  }

  .videoTextSmall {
    font: normal 4.0vw/5.0vw Arial,sans-serif;
    margin: 2% 0;
  }
}
/* END VIDEO PAGE SPECIFIC STYLES */
/* END VIDEO PAGE SPECIFIC STYLES */
/* END VIDEO PAGE SPECIFIC STYLES */

/* BEGIN SERVICES PAGE SPECIFIC STYLES */
/* BEGIN SERVICES PAGE SPECIFIC STYLES */
/* BEGIN SERVICES PAGE SPECIFIC STYLES */

.rightreadmorelink,
.rightreadmorelink a:link,
.rightreadmorelink a:visited,
.rightreadmorelink a:hover,
.rightreadmorelink a:active {
	font: bold italic 1.5vw/1.8vw Arial,sans-serif;
	text-align: right;
}

.serviceWrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	max-width: 1920px;
	height: auto;
}

.serviceWrapper p {
	text-align: left;
}

.serviceWrapper .sectionHeaderSubText {
  flex: 1 0 50%;
}

.serviceWrapper table {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.serviceInfoMapPairs {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	padding: 1%;
	width: 80%;
	height: auto;
}

.serviceInfo, .serviceMap {
	display: flex;
	flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  width: 50%;
}

.serviceMap img {
	display: flex;
	flex-flow: column wrap;
	width: 90%;
}
.serviceTextVeryBig {
	font: bold 1.8vw/2.1vw Arial,sans-serif;
	margin: 2% 0;
}

.serviceTextBig {
	font: bold 1.5vw/1.8vw Arial,sans-serif;
	margin: 2% 0;
}

/* CONTINUE SERVICES PAGE SPECIFIC STYLES */
/* CONTINUE SERVICES PAGE SPECIFIC STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

@media only screen and (max-width: 600px) {
  
  .serviceWrapper {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
    margin: 0;
    width: 96%;
    max-width: 1920px;
    height: auto;
    font: normal 6vw/7vw Arial,sans-serif;
    
  }
  
  .serviceWrapper .sectionHeaderSubText {
    flex: 1 0 auto;
    font: bold 6.0vw/7.0vw Arial,sans-serif;
    width: 100%;
    padding: 4vw 0 0 0;
    margin: 0;
  }

  .serviceInfoMapPairs{
    flex-flow: column wrap;
	  width: 90%;
    align-items: center;
    justify-content: center;
  }

  .serviceInfo, .serviceMap {
    flex: 1 0 1;
    font: bold 6vw/7vw Arial,sans-serif;
    width: 100%;
    padding: 2vw 0 0 0;
    margin: 0;
  }
  
  .serviceInfo {
    order: 2;
  }
  
  .serviceMap {
    order: 1;
  }
  
  .serviceWrapper table {
    width: 100%;
  }
   
  .serviceTextVeryBig {
    font: bold 6vw/7vw Arial,sans-serif;
    flex-flow: column wrap;
    width: 100%;
    padding: 2vw 0 0 0;
    margin: 0;
  }

  .serviceTextBig {
    font: bold 4.5vw/5.5vw Arial,sans-serif;
    flex-flow: column wrap;
    width: 100%;
    padding: 2vw 0 0 0;
    margin: 0;
  }
  
  .rightreadmorelink,
  .rightreadmorelink a:link,
  .rightreadmorelink a:visited,
  .rightreadmorelink a:hover,
  .rightreadmorelink a:active {
    font: normal 5.0vw/6.0vw Arial,sans-serif;
    text-align: right;
  }
  
}
/* END SERVICES PAGE SPECIFIC STYLES */
/* END SERVICES PAGE SPECIFIC STYLES */
/* END SERVICES PAGE SPECIFIC STYLES */

/* BEGIN TALK THERAPY PAGE SPECIFIC STYLES */
/* BEGIN TALK THERAPY PAGE SPECIFIC STYLES */
/* BEGIN TALK THERAPY PAGE SPECIFIC STYLES */


.shadowPanelWrapper {					
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  justify-content: center;
}

.shadowPanelBackground {
  display: flex;
  flex: 0 1 100%;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 2vw;
  background: rgba(255,255,255,1.0) center/cover url("/images/texture.blockbacking.blackandwhite.png") no-repeat;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
}

.shadowPanelColumnFull {		
  flex: 0 1 100%;
}

.shadowPanelStretchWrap {
  display: flex;
  flex: 0 1 100%;
  justify-content: space-between;
  flex-flow: row nowrap;
}

.counselorWrap {
  display: flex;
  flex: 0 1 90%;
  justify-content: space-around;
  flex-flow: row nowrap;
}

.shadowPanelColumnHalf {		
  flex: 0 1 49%;
}

.shadowPanelColumnThird {		
  flex: 0 1 32%;
}

.shadowPanelColumnQuarter {		
  flex: 0 1 24%;
}

.shadowPanelContent {
  display: flex;
  flex: 0 1 100%;
  flex-flow: column nowrap;
  margin: 2vw;
  align-self: center;
}	

.shadowPanelContent a {
  color: rgba(30,73,34,1.0);
}	

.shadowPanelColorScreenBlueToGreen1 {
  display: flex;
  flex: 0 1 100%;
  background: rgba(144,195,204,0.70) center/cover no-repeat;
}

.shadowPanelColorScreenBlueToGreen2 {
  display: flex;
  flex: 0 1 100%;
  background: rgba(116,172,177,0.70) center/cover no-repeat;
}

.shadowPanelColorScreenBlueToGreen3 {
  display: flex;
  flex: 0 1 100%;
  background: rgba(112,168,153,0.70) center/cover no-repeat;
}

.shadowPanelColorScreenBlueToGreen4 {
  display: flex;
  flex: 0 1 100%;
  background: rgba(105,158,145,0.70) center/cover no-repeat;
}

.shadowPanelColorScreenBlueToGreen5 {
  display: flex;
  flex: 0 1 100%;
  background: rgba(86,133,120,0.70) center/cover no-repeat;
}

.talkTherapyTopPanelTextHead {
  display: flex;
  flex: 0 1 100%;
  justify-content: center;
  color: rgba(255, 255, 255, 1.0);
  font: bold italic 4.0vw/4.6vw Arial,sans-serif;
  filter: drop-shadow(0.2vw 0.2vw 0.1vw #333333);
}

.talkTherapyTopPanelTextSubHead {
  display: flex;
  flex: 0 1 100%;
  justify-content: center;
  color: rgba(255, 255, 255, 1.0);
  font: bold italic 2.5vw/3.4vw Arial,sans-serif;
  filter: drop-shadow(0.2vw 0.2vw 0.1vw #333333);
}				

.talkTherapyBigText {
  font: bold 4vw/4vw Arial,sans-serif;
  padding-bottom: 1vw;
}

.talkTherapyTextNormal {
  font: normal 2vw/2.5vw Arial,sans-serif;
}

.talkTherapyCounselorRow {
  display: flex;
  flex: 0 1 auto;
  flex-flow: column nowrap;
  justify-content: center;
  font: bold 2vw/2vw Arial,sans-serif;
}

.talkTherapyCounselorRow1 {
  font: bold 3.0vw/3.0vw Arial,sans-serif;
}

.talkTherapyCounselorRow2 {
  font: normal 1.8vw/3.4vw Arial,sans-serif;
  flex-flow: row;
}

.talkTherapyCounselorRow3 {
  font: normal 2.4vw/2.4vw Arial,sans-serif;
  flex-flow: row;
}

.talkTherapyCounselorRow3a {
  font: bold 3.0vw/7.0vw Arial,sans-serif;
  flex-flow: row;
}

.talkTherapyCounselorRow3b ul {
  width: 50%;
  text-align: left;
  margin: 0 0 2vw 0;
}  

.talkTherapyCounselorRow3b {
  font: normal 2.8vw/3.0vw Arial,sans-serif;
  flex-flow: row;
}

.talkTherapyCounselorRow4 {
  display: flex;
  flex: 0 1 auto;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 2vw;
}

.talkTherapyCounselorRow5 {
  font: bold 2.4vw/3.0vw Arial,sans-serif;
  transition: all 1.00s ease;
}

.talkTherapyCounselorRow6 {
  font: normal 1.8vw/2.4vw Arial,sans-serif;
  transition: all 1.00s ease;
}

.talkTherapyCounselorRow7 {
  display: flex;
  flex: 0 1 auto;
  flex-flow: row nowrap;
  font: normal 1.8vw/2.4vw Arial,sans-serif;
  justify-content: flex-start;
  text-align: left;
  margin: 0 2vw 2vw 2vw;
}

.talkTherapyCounselorBio {
  display: flex;
  flex: 0 1 auto;
  flex-flow: column nowrap;
  font: normal 1.2vw/1.4vw Arial,sans-serif;
  justify-content: flex-start;
  text-align: left;
  opacity: 0;
  transition: all 1.00s ease;
}

.talkTherapyCounselorBio p {
  margin-bottom: 0;
  }

.talkTherapyCounselorNameLeft {
  display: flex;
  position: absolute;
  left: 110%;
  width: 300%;
  text-align: left;
  flex: 0 1 100%;
  top: 60%;
  /*align-content: flex-start;*/
  font: normal 1.8vw/2.4vw Arial,sans-serif;
  flex-flow: column nowrap;
  align-self: flex-end;
  z-index: 100;
  opacity: 0;
  transition: all 1.00s ease;
}

.talkTherapyCounselorNameRight {
  display: flex;
  position: absolute;
  right: 110%;
  width: 300%;
  text-align: right;
  flex: 0 1 100%;
  top: 60%;
  /*align-content: flex-start;*/
  font: normal 1.8vw/2.4vw Arial,sans-serif;
  flex-flow: column nowrap;
  align-self: flex-end;
  z-index: 100;
  opacity: 0;
  transition: all 1.00s ease;
}

.talkTherapyCounselorNameHead {
  font-weight: 900;
}

.talkTherapyCounselorPic {
  position: relative;
  display: flex;
  flex: 0 1 13%;
  flex-flow: row nowrap;
  align-items: flex-start;
  font: bold 2.0vw/2.2vw Arial,sans-serif;
  transition: all 1.00s ease;
}

.talkTherapyCounselorPic img{
  border-radius: 50%;
  filter: drop-shadow(0.3vw 0.3vw 0.2vw #333333);
  transition: all .15s ease;
}

.talkTherapyCounselorPic:hover img {
  transform:scale(1.05);
}

.talkTherapyCounselorPic:active img {
  transform:scale(.95);
}


/* CONTINUE TALK THERAPY PAGE SPECIFIC STYLES */
/* CONTINUE TALK THERAPY PAGE SPECIFIC STYLES */

/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */
/* EXTRA SMALL DEVICES (PHONES, 600PX AND DOWN) */

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

  .shadowPanelStretchWrap {
    display: flex;
    flex: 0 1 100%;
    justify-content: space-between;
    flex-flow: column wrap;
  }
   
  .shadowPanel1 {
    order: 6;
  }
   
  .shadowPanel2 {
    order: 5;
  }
   
  .shadowPanel3 {
    order: 4;
  }
   
  .shadowPanel4 {
    order: 3;
  }
   
  .shadowPanel5 {
    order: 2;
  }
   
  .shadowPanel6 {
    order: 2;
  }
  
  .counselorWrap {
    display: flex;
    flex: 0 1 100%;
    justify-content: space-around;
    flex-flow: row nowrap;
  }  
  
  .talkTherapyTopPanelTextHead {

    font: bold italic 7.0vw/8.0vw Arial,sans-serif;
    filter: drop-shadow(0.5vw 0.5vw 0.25vw #333333);
  }

  .talkTherapyTopPanelTextSubHead {

    font: bold italic 5.0vw/6.0vw Arial,sans-serif;
    filter: drop-shadow(0.5vw 0.5vw 0.25vw #333333);
  }				

  .talkTherapyTextNormal {
    font: normal 6.0vw/7.0vw Arial,sans-serif;
  }

  .talkTherapyCounselorRow {
    display: flex;
    flex: 0 1 auto;
    flex-flow: column nowrap;
    justify-content: center;
    font: bold 2vw/2vw Arial,sans-serif;
    margin: 2vw 0 0 0 ;
  }

  .talkTherapyCounselorRow1 {
    font: bold 6.0vw/7.0vw Arial,sans-serif;
  }

  .talkTherapyCounselorRow2 {
    font: normal 5.0vw/6.0vw Arial,sans-serif;
    flex-flow: row;
  }

  .talkTherapyCounselorRow3 {
    font: normal 5.0vw/6.0vw Arial,sans-serif;
    flex-flow: row;
  }

  .talkTherapyCounselorRow3a {
    font: bold 6.0vw/7.0vw Arial,sans-serif;
    flex-flow: row;
  }

  .talkTherapyCounselorRow3b {
    font: normal 6.0vw/7.0vw Arial,sans-serif;
    flex-flow: row;
  }

  .talkTherapyCounselorRow ul {
    width: 90%;
    text-align: left;
    margin: 0 0 2vw 0;
  }  

  .talkTherapyCounselorRow4 {
    display: flex;
    flex: 0 1 auto;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2vw;
  }

  .talkTherapyCounselorRow5 {
    font: bold 2.4vw/3.0vw Arial,sans-serif;
    transition: all 1.00s ease;
  }

  .talkTherapyCounselorRow6 {
    font: normal 1.8vw/2.4vw Arial,sans-serif;
    transition: all 1.00s ease;
  }

  .talkTherapyCounselorRow7 {
    display: flex;
    flex: 0 1 auto;
    flex-flow: row nowrap;
    font: normal 1.8vw/2.4vw Arial,sans-serif;
    justify-content: flex-start;
    text-align: left;
    margin: 0 2vw 2vw 2vw;
  }
  
  
}
/* END TALK THERAPY PAGE SPECIFIC STYLES */
/* END TALK THERAPY PAGE SPECIFIC STYLES */
/* END TALK THERAPY PAGE SPECIFIC STYLES */