/*
Theme Name: cpz
Theme URI: https://www.cameronparkzoo.com/
Description: A custom theme developed by Internet Imagineering.
Version: 1.0
Author URI: http://www.internetimagineering.com/
Tags: fixed width, two columns
*/

:root {
    --beige: #f9f8cc;
    --orange: #be5c2f;
    --yellow: #c9af07;
    --maroon: #7e1c17;
    --mauve: #71661d;
    --blue: #00609b;
    
    --brown: #3b1c07;
    --dkgreen: #2e783f;
    --ltgreen: #5fb157;
    
    --black: #000000;
    --ltgray: #e1e1e1;
    --midgray: #CCCCCC;
    --gray: #999999;
    --dkgray: #666666;
    
    --white: #ffffff;

}

body {
	background-color: #fff;
	margin: 0px 0px; 
	padding: 0px;
	font-family: 'Martel Sans', trebuchet ms, arial, verdana, sans-serif;
	color: #333;
	font-size: 18px;
}

.clear { clear: both;}

/* TEXT */

.alignRight {text-align: right !important;}
.alignLeft {text-align: left !important;}

figure.alignright {margin-left: auto; text-align: right !important;}
figure.alignleft {text-align: left !important;}


/* LINKS */
.linkMaroon {color: var(--maroon); text-decoration: none;}
.linkMaroon:visited {color: var(--maroon); text-decoration: none;}
.linkMaroon:hover {color: var(--mauve); text-decoration: none;}

.linkBeige {color: var(--beige); text-decoration: none;}
.linkBeige:visited {color: var(--beige); text-decoration: none;}
.linkBeige:hover {color: var(--orange); text-decoration: none;}

/* TEXT & BACKGROUND COLORS */
.textDkGreen {color: var(--dkgreen);}
.textYellow {color: var(--yellow);}
.textMaroon {color: var(--maroon);}
.textWhite {color: var(--white);}

.bgOrange {background-color: var(--orange);}

hr.separatorBlue {border: 6px dashed var(--blue); width: 90%; max-width: 1200px; margin: 80px auto;}

img.imgLearnMore {width: 200px; cursor: pointer; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
img.imgLearnMore:hover {transform: scale(1.1);}

/* HEADINGS */
h1 {font-size: 2.5rem; font-weight: 900; text-transform: uppercase; margin: 0; padding: 0;}
h2 {font-size: 2.5rem; color: var(--orange); font-weight: 700; line-height: 3rem;}
h3 {font-size: 2.5rem; line-height: 3rem; font-weight: 900; margin: 0 0 20px 0; padding: 0;}
h4 {font-size: 2.0rem; font-weight: 700; line-height: 2.5rem;}

h2.pageHeading {width: 100%; max-width: 1200px; margin: 0 auto;}
h4.pageHeading {width: 100%; max-width: 1200px; margin: 20px auto 0 auto;}


/* HEADER */
.headerSticky {position: sticky; top: 0; z-index: 99999;}
.headerTopHidden { height: 0 !important; }
.headerShadow {box-shadow: 0 3px 6px #0008;}

.headerWrapper {width: 100%;}
.headerTop {width: 100%; background-color: var(--beige); height: 90px; overflow: hidden;transition: height 0.3s; }
	.headerTopContainer {width: 90%; max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 1px auto;}
		.headerLogo {position: absolute; width: 250px; height: 250px; overflow: hidden; border-radius: 50%; margin: -50px 0 0 0; z-index: 99999999;transition: all 0.3s; } 
		.headerLogo-Small {position: absolute; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 10px 0 0 0; z-index: 99999999; box-shadow: 0 3px 6px #0008;} 
		.headerLogo img { width: 100%; height: auto;}
		.headerTopRight {text-align: center;}
		.headerNav {margin: 30px 0 0 0; font-size: 1.2rem; font-weight: 700;}
		.headerNav a {margin: 0 10px;}
.headerPrimaryNav {width: 100%; background-color: var(--mauve); height: 60px; min-height: 60px; z-index: 99999;}
	.headerPrimaryNavContainer {width: 90%; max-width: 1440px; margin: 0 auto; z-index: 99999; position: relative;}
	
.sectionTitle {width: 90%; max-width: 1200px; margin: 0 auto; padding: 340px 0 0 0; text-align: left; font-size: 6rem; color: var(--beige); font-weight: 900;}

/* FRONT PAGE */
.sliderWrapper {width: 100%; background:#fff; height: auto; z-index: 77777;}
/*.sliderWrapper {width: 100%; background:#fff url("images/slider-1.jpg") no-repeat top; height: 600px; min-height: 600px;}*/
.frontCTA-Wrapper {width: 100%; background-color: var(--mauve);}
.frontCTA-Container {width: 90%; max-width: 1200px; display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto; align-items: center; margin: 0 auto;}
	.frontCTA-holder {margin: 0 0px; text-align: center;}
	.frontCTA-icon {width: 40%; text-align: center; margin: 10px auto 0 auto;}
	.frontCTA-icon img {width: 100%; cursor: pointer; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
	.frontCTA-icon img:hover {transform: scale(1.1);}
	img.imgStick {height: 180px; margin: 0 auto; text-align: center;}
	.frontCTA-text {color: var(--white); font-size: 18px; font-weight: 900; text-transform: uppercase; margin: 20px auto 10px auto; text-align: center;}
	
.frontHeadlines-Wrapper {width: 100%; padding: 40px 0; background-color: var(--beige);}	
	
.frontHeadline-Right {width: 90%; display: grid; grid-template-columns: 1fr 1.5fr; margin: 50px auto; align-items: center; grid-column-gap: 80px;}
.frontHeadline-RightText {padding: 30px 0 0 0; text-align: right;}

.frontHeadline-Left {width: 90%; display: grid; grid-template-columns: 1.5fr 1fr; margin: 80px 0 0 0; align-items: center; grid-column-gap: 80px;}
.frontHeadline-LeftText {padding: 30px 10% 0 0;}

.frontHeadline-LearnMore {margin: 20px 0 0 0;}

.frontNews-Wrapper {width: 100%; background:#fff url("images/background-spotted.png") repeat-y top; padding: 80px 0;}
.frontNews-Container {width: 90%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px;}
.frontNews-Container-2 {width: 90%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px;}
.frontNews-Holder {background-color: var(--beige);}
.frontNews-Headline {margin: 40px 40px 20px 40px;}
.frontNews-Text {margin: 0 40px;}
.content-FPCTA {line-height: 1.75rem; width: 90%;margin: 0 auto;}
.frontNews-pic {width: 100%; margin: 20px 0 20px 0;}
.frontNews-pic img {width: 100%;}
.frontHeadline-LearnMore {margin: 40px auto 40px auto; text-align: center;}

.frontPartners-Wrapper {width: 90%; margin: 80px auto; text-align: center;}
.frontPartners-Logos {margin: 40px auto; text-align: center;}
.frontPartners-Logos img {width: 180px; margin: 0 20px;}

.fp-videoWrapper {width:100%; border-top: 130px solid #fff; z-index: 999; position: relative;}

.video-holder {width: 100%;}
.fp-videoFeature {width: 100%; display: grid; grid-template-columns: 1fr 1fr; align-items: center; background-color: var(--beige);}
.fp-videoFeature-text {padding: 0 50px;}

/* LAYOUT */
.alignCenter {margin: 0 auto; width: 100%; text-align: center;}

.content {line-height: 1.75rem; width: 100%; max-width: 1200px; margin: 0 auto;}
.content a {color: var(--ltgreen); text-decoration: underline;}
.content a:visited {color: var(--ltgreen); text-decoration: underline;}
.content a:hover {color: var(--dkgreen); text-decoration: underline;}

.contentWrapper {width: 90%; max-width: 1440px; margin: 60px auto;}

.content2Col {width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 80px;}
.content3Col {width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 80px;}

.contentNormal {width: 100%; max-width: 1200px; margin: 20px auto;}
figure.contentNormal {width: 100%; max-width: 1200px; margin: 20px auto;}
figure.contentNormalRight {float: right; width: 25%; margin: 0 0 40px 40px;}

.contentRightCenter {width: 100%; display: grid; grid-template-columns: 1fr 1.5fr; margin: 50px 0 0 0; align-items: center; grid-column-gap: 80px;}
.contentRightCenter-Text {padding: 30px 0 0 0;}

.contentLeftCenter {width: 100%; display: grid; grid-template-columns: 1.5fr 1fr; margin: 50px 0 0 0; align-items: center; grid-column-gap: 80px;}
.contentLeftCenter-Text {padding: 30px 10% 0 0;}

.picHolder1 {height: auto; }
.picHolder1 img {width: 100%; object-fit: cover;}

.contentBlueFullCTA {width: 100%; background:#fff url("images/background-blueforest.png") repeat-y top; padding: 80px 0; margin: 100px 0 0 0;}

.contentCTA-Holder {background-color: var(--beige);}
.contentCTA-Headline {margin: 40px 40px 20px 40px;}
.contentCTA-Text {margin: 0 40px;}
.contentCTA-FPCTA {line-height: 1.75rem; width: 90%;margin: 0 auto;}
.contentCTA-pic {width: 100%; margin: 20px 0 20px 0;}
.contentCTA-pic img {width: 100%;}
.contentCTA-LearnMore {margin: 40px auto 40px auto; text-align: center;}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* FOOTER */
.footerTop {width: 100%; height: 40px; min-height: 40px;}
.footerWrapper {width: 100%; background-color: var(--brown); padding: 40px 0 100px 0;}
.footerContainer {width: 90%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.5fr; align-items: center; grid-column-gap: 50px;}

	.footerLeft {}
		.footerLogo {width: 100%; display: grid; grid-template-columns: 1.2fr 1fr; grid-column-gap: 20px; align-items: center;}
			.footerLogo-logo {width: 100%;}
			.footerLogo-logo img {width: 100%;}
			.footerLogo-info {text-align: left; color: var(--beige); font-size: 1.2rem; line-height: 1.8rem;}
	.footerRight {text-align: right;}
		.footerNav {font-size: 1.4rem; font-size: 700; margin: 0 0 20px 0;}
		.footerNav a {margin: 0 0 0 20px;}
		.footerSocial {font-size: 2rem;}
		.footerSocial a {margin: 0 0 0 40px;}
		.footerAZA {margin: 30px 0 0 0;}
		.copyright {font-size: 1.2rem; color: var(--beige); margin: 20px 0 0 0;}
		
		.footerLogos {float: right; display: grid; width: 50%; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; align-items: center; margin: 30px 0 0 0;}
		.footerlogoAZA img {width: 100%;}
		.footerlogoSociety img {width: 90%;}
		.footerlogoWacoGreen img {width: 100%;}

/* MOBILE NAV */
.menu-mobile-container {padding-top: 150px;}
.mobileNav {display: none; width: 100%; background-color: var(--mauve); color: var(--white); position: fixed; top: 50px; bottom; z-index: 88888; overflow: auto;}
.mobileNav a {color: var(--white); text-decoration: none;}
.mobileNav ul {margin: 0 20px; padding: 20px 20px 20px 20px;}
.mobileNav ul li {font-size: 1em; color: var(--white); font-size: 1.0em; font-weight: bold; list-style-type: none; margin: 5px 0;}
.mobileNav ul li a {color: var(--white);}
.mobileNav ul li ul {display: none; margin: 10px 0 10px 20px; padding: 0;}
.mobileNav ul li ul li {font-size: .9em; font-family: 'PT Sans', verdana, arial, sans-serif; font-weight: normal; list-style-type: none;}
.mobileNav ul li ul li a {color: var(--midgray);}

.mobileNav ul li ul li ul {display: block;}


/* Drop-down menus */
#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	font-weight:bold;
	float: right;
	z-index: 6000;
}
#dropmenu a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#dropmenu li a.topnav {display:block; float:left; height:30px; text-decoration:none; padding:0; cursor:pointer; padding: 15px 30px 15px 30px; text-transform: uppercase;}

#dropmenu li a.topnavOrange {background-color: var(--orange);}
#dropmenu li a.topnavYellow {background-color: var(--yellow);}
#dropmenu li a.topnavMaroon {background-color: var(--maroon);}
#dropmenu li a.topnavBlue {background-color: var(--blue);}
#dropmenu li a.topnavMauve {background-color: var(--mauve);}

#dropmenu li:hover a.topnavOrange, #dropmenu a:hover.topnavOrange {background-color: #DA6A36;}
#dropmenu li:hover a.topnavYellow, #dropmenu a:hover.topnavYellow {background-color: #DEC107;}
#dropmenu li:hover a.topnavMaroon, #dropmenu a:hover.topnavMaroon {background-color: #96211B;}
#dropmenu li:hover a.topnavBlue, #dropmenu a:hover.topnavBlue {background-color: #0079C3;}
#dropmenu li:hover a.topnavMauve, #dropmenu a:hover.topnavMauve {background-color: #837622;}

#dropmenu li {
	float:left;
	position:relative;
	display:block;
}
#dropmenu ul {
	position:absolute;
	display:none;
	height:auto;
	border-bottom:2px solid #000;
}
#dropmenu ul a {
	color:#000;
	padding:0px;
}
#dropmenu ul a:hover {
	background-color: #fff;
}
#dropmenu li ul {
	background:#fff;
	top:60px;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 260px;
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	border-bottom: 0px solid #fff;
	opacity: .9;
}

#dropmenu li ul li.current_page_item a {
	background:#fff;
	color:#369;
}

#dropmenu li ul li {
	border-top:0px solid #fff;
}

#dropmenu li ul a {
	width:225px;
	padding:10px 10px 6px 25px;
	font-size: 16px;
	float:left;
	font-weight: 400;
}

#dropmenu li ul a:hover {
	color: #f00;
}

#dropmenu ul ul {
	top:auto;
}
#dropmenu li ul ul {
	left:250px;
	margin:0px 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display:block;
}


@media screen and (min-width: 0px) and (max-width: 1440px) {

	@media screen and (min-width: 1200px) and (max-width: 1440px) {
		
		.mobile-menu {display: none;}
	
		.headerLogo {position: absolute; width: 200px; height:200px; overflow: hidden; border-radius: 50%; margin: -70px 0 0 0; z-index: 99999999;} 
		
		.frontCTA-ContainerMobile {display: none;}

	}
	
	@media screen and (min-width: 1024px) and (max-width: 1199px) {
	
		.mobile-menu {display: none;}
	
		.headerLogo {position: absolute; width: 120px; height:120px; overflow: hidden; border-radius: 50%; margin: -85px 0 0 -30px; z-index: 99999999;} 
		
		.footerNav {font-size: 1.0rem; font-weight: 700; margin: 0 0 20px 0;}
		.copyright {font-size: 1.0rem; color: var(--beige); margin: 20px 0 0 0;}
		
		.frontCTA-ContainerMobile {display: none;}
		
		.fp-videoFeature {width: 100%; display: grid; grid-template-columns: auto; align-items: center; background-color: var(--beige); grid-row-gap: 30px;}

	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		
		.topnav {display: none;}
		.frontCTA-ContainerMobile {display: none;}
		
		.headerLogo {position: absolute; width: 180px; height:180px; overflow: hidden; border-radius: 50%; margin: -60px 0 0 0px; z-index: 99999999;}
		.headerLogo-Small {position: absolute; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 10px 0 0 0; z-index: 99999999; transition: all; box-shadow: 0 3px 6px #0008;} 
		.mobile-menu {float: right; color: var(--white); font-size: 36px; margin: 12px 0 0 0;}
		.headerTopRight {text-align: right;}
		.headerNav {margin: 30px 0 0 0; font-size: 1.0rem; font-weight: 700;}
		
		.frontHeadline-Right {width: 90%; display: block;}
		.frontHeadline-RightText {padding: 30px 0 0 0; text-align: left;}

		.frontHeadline-Left {width: 100%; display: grid; grid-template-columns: 1.5fr 1fr; margin: 80px 0 0 0; align-items: center; grid-column-gap: 80px;}
		.frontHeadline-LeftText {padding: 30px 10% 0 0;}
		
		.frontNews-Container {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.frontNews-Holder {padding: 20px 0; margin: 20px 0;}
		
		.footerContainer {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.footerLogo {width: 60%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; align-items: center; margin: 0 auto;}
		.footerLogo-logo img {max-width: 150px;}
		.footerRight {text-align: center; margin: 30px 0;}
		.footerLogos {float: none; display: grid; width: 50%; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; align-items: center; margin: 30px auto;}
		.footerNav {font-size: 1.0rem; font-weight: 700; margin: 0 0 20px 0;}
		.copyright {font-size: 1.0rem; color: var(--beige); margin: 20px 0 0 0;}
		
		.content2Col {width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 30px;}
		
		.fp-videoFeature {width: 100%; display: grid; grid-template-columns: auto; align-items: center; background-color: var(--beige); grid-row-gap: 30px;}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) {
			
			.topnav {display: none;}
		.frontCTA-ContainerMobile {display: none;}
		
		.headerLogo {position: absolute; width: 180px; height:180px; overflow: hidden; border-radius: 50%; margin: -60px 0 0 0px; z-index: 99999999;}
		.headerLogo-Small {position: absolute; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 10px 0 0 0; z-index: 99999999; transition: all; box-shadow: 0 3px 6px #0008;} 
		.mobile-menu {float: right; color: var(--white); font-size: 36px; margin: 12px 0 0 0;}
		.headerTopRight {text-align: right;}
		.headerNav {margin: 30px 0 0 0; font-size: 1.0rem; font-weight: 700;}
		
		.frontHeadline-Right {width: 90%; display: block;}
		.frontHeadline-RightText {padding: 30px 0 0 0; text-align: left;}

		.frontHeadline-Left {width: 100%; display: grid; grid-template-columns: 1.5fr 1fr; margin: 80px 0 0 0; align-items: center; grid-column-gap: 80px;}
		.frontHeadline-LeftText {padding: 30px 10% 0 0;}
		
		.frontNews-Container {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.frontNews-Holder {padding: 20px 0; margin: 20px 0;}
		
		.footerContainer {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.footerLogo {width: 60%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; align-items: center; margin: 0 auto;}
		.footerLogo-logo img {max-width: 150px;}
		.footerRight {text-align: center; margin: 30px 0;}
		.footerLogos {float: none; display: grid; width: 50%; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; align-items: center; margin: 30px auto;}
		.footerNav {font-size: 1.0rem; font-weight: 700; margin: 0 0 20px 0;}
		.copyright {font-size: 1.0rem; color: var(--beige); margin: 20px 0 0 0;}
		
		.content2Col {width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 30px;}
			
		.fp-videoFeature {width: 100%; display: grid; grid-template-columns: auto; align-items: center; background-color: var(--beige); grid-row-gap: 30px;}
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
		
			.topnav {display: none;}
		.frontCTA-ContainerMobile {display: none;}
		
		.headerLogo {position: absolute; width: 180px; height:180px; overflow: hidden; border-radius: 50%; margin: -60px 0 0 0px; z-index: 99999999;}
		.headerLogo-Small {position: absolute; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 10px 0 0 0; z-index: 99999999; transition: all; box-shadow: 0 3px 6px #0008;} 
		.mobile-menu {float: right; color: var(--white); font-size: 36px; margin: 12px 0 0 0;}
		.headerTopRight {text-align: right;}
		.headerNav {margin: 30px 0 0 0; font-size: 1.0rem; font-weight: 700;}
		
		.frontHeadline-Right {width: 90%; display: block;}
		.frontHeadline-RightText {padding: 30px 0 0 0; text-align: left;}

		.frontHeadline-Left {width: 100%; display: grid; grid-template-columns: 1.5fr 1fr; margin: 80px 0 0 0; align-items: center; grid-column-gap: 80px;}
		.frontHeadline-LeftText {padding: 30px 10% 0 0;}
		
		.frontNews-Container {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.frontNews-Holder {padding: 20px 0; margin: 20px 0;}
		
		.footerContainer {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.footerLogo {width: 60%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; align-items: center; margin: 0 auto;}
		.footerLogo-logo img {max-width: 150px;}
		.footerRight {text-align: center; margin: 30px 0;}
		.footerLogos {float: none; display: grid; width: 50%; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; align-items: center; margin: 30px auto;}
		.footerNav {font-size: 1.0rem; font-weight: 700; margin: 0 0 20px 0;}
		.copyright {font-size: 1.0rem; color: var(--beige); margin: 20px 0 0 0;}
		
		.content2Col {width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 30px;}
		
		.fp-videoFeature {width: 100%; display: grid; grid-template-columns: auto; align-items: center; background-color: var(--beige); grid-row-gap: 30px;}
		
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 767px) {
		
		.topnav {display: none;}
		
		.frontCTA-Container {display: none;}
		
		.headerLogo {position: absolute; width: 140px; height:140px; overflow: hidden; border-radius: 50%; margin: -25px 0 0 0px; z-index: 99999999;}
		.headerLogo-Small {position: absolute; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 10px 0 0 0; z-index: 99999999; transition: all; box-shadow: 0 3px 6px #0008;} 
		.mobile-menu {float: right; color: var(--white); font-size: 36px; margin: 12px 0 0 0;}
		.headerTopRight {text-align: right;}
		.headerNav {margin: 30px 0 0 0; font-size: 0.9rem; font-weight: 700;}
		.headerNav a {margin: 0 5px;}
		
		.headerSectionPic {display: none !important;}
		
		.frontCTA-ContainerMobile {width: 80%; margin: 0 auto; padding: 40px 0;}
			.frontCTA-mobile-holder {border: 1px solid var(--yellow); padding: 15px; width: 95%; margin: 20px 0; display: grid; grid-template-columns: 60px auto; grid-column-gap: 40px; align-items: center;}
			.frontCTA-iconM {width: 100%;}
			.frontCTA-iconM img {width: 100%;}
			.frontCTA-textM {color: var(--white); font-size: 1.2rem; font-weight: 900;}
			
		.frontHeadline-Right {width: 90%; display: block;}
		.frontHeadline-RightText {padding: 30px 0 0 0; text-align: left;}

		.frontHeadline-Left {width: 100%; display: grid; grid-template-columns: 1.5fr 1fr; margin: 80px 0 0 0; align-items: center; grid-column-gap: 80px;}
		.frontHeadline-LeftText {padding: 30px 10% 0 0;}
		
		.frontNews-Container {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.frontNews-Holder {padding: 20px 0; margin: 20px 0;}
		
		.footerContainer {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.footerLeft {text-align: center; margin: 0 auto;}
		.footerLogo-info {text-align: center;}
		.footerLogo {width: 60%; display: block; text-align: center; margin: 0 auto;}
		.footerLogo-logo img {max-width: 150px;}
		.footerRight {text-align: center; margin: 30px 0;}
		.footerLogos {float: none; display: grid; width: 50%; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; align-items: center; margin: 30px auto;}
		.footerNav {font-size: 1.0rem; font-weight: 700; margin: 0 0 20px 0;}
		.copyright {font-size: 1.0rem; color: var(--beige); margin: 20px 0 0 0;}
		
		.content2Col {width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 30px;}
		
		.fp-videoFeature {width: 100%; display: grid; grid-template-columns: auto; align-items: center; background-color: var(--beige); grid-row-gap: 30px;}
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) {
		
		.topnav {display: none;}
		
		.frontCTA-Container {display: none;}
		
		.headerLogo {position: absolute; width: 140px; height:140px; overflow: hidden; border-radius: 50%; margin: -35px 0 0 0px; z-index: 99999999999;}
		.headerLogo-Small {position: absolute; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 10px 0 0 0; z-index: 99999999; transition: all; box-shadow: 0 3px 6px #0008;} 
		.mobile-menu {float: right; color: var(--white); font-size: 36px; margin: 12px 0 0 0;}
		.headerTopRight {text-align: right;}
		.headerNav {margin: 30px 0 0 0; font-size: 0.7rem; font-weight: 700;}
		.headerNav a {margin: 0 5px;}
		
		.headerSectionPic {display: none !important;}
		.sectionTitle {width: 90%; max-width: 1200px; margin: 0 auto; padding: 340px 0 0 0; text-align: left; font-size: 1rem; color: var(--beige); font-weight: 900;}
		
		.frontCTA-ContainerMobile {width: 80%; margin: 0 auto; padding: 40px 0;}
			.frontCTA-mobile-holder {border: 1px solid var(--yellow); padding: 15px; width: 95%; margin: 20px 0; display: grid; grid-template-columns: 60px auto; grid-column-gap: 40px; align-items: center;}
			.frontCTA-iconM {width: 100%;}
			.frontCTA-iconM img {width: 100%;}
			.frontCTA-textM {color: var(--white); font-size: 1.2rem; font-weight: 900;}
			
		.frontHeadline-Right {width: 90%; display: block;}
		.frontHeadline-RightText {padding: 30px 0 0 0; text-align: left;}

		.frontHeadline-Left {width: 100%; display: grid; grid-template-columns: 1.5fr 1fr; margin: 80px 0 0 0; align-items: center; grid-column-gap: 80px;}
		.frontHeadline-LeftText {padding: 30px 10% 0 0;}
		
		.frontNews-Container {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.frontNews-Holder {padding: 20px 0; margin: 20px 0;}
		
		.footerContainer {width: 90%; max-width: 1200px; margin: 0 auto; display: block;}
		.footerLeft {text-align: center; margin: 0 auto;}
		.footerLogo-info {text-align: center;}
		.footerLogo {width: 60%; display: block; text-align: center; margin: 0 auto;}
		.footerLogo-logo img {max-width: 150px;}
		.footerRight {text-align: center; margin: 30px 0;}
		.footerLogos {float: none; display: grid; width: 50%; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; align-items: center; margin: 30px auto;}
		.footerNav {font-size: 1.0rem; font-weight: 700; margin: 0 0 20px 0;}
		.copyright {font-size: 1.0rem; color: var(--beige); margin: 20px 0 0 0;}
		
		.content2Col {width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: auto; grid-column-gap: 0px; grid-row-gap: 30px;}
		
		.fp-videoFeature {width: 100%; display: grid; grid-template-columns: auto; align-items: center; background-color: var(--beige); grid-row-gap: 30px;}
	}
	
}

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

	.mobile-menu {display: none;}
	
	.frontCTA-ContainerMobile {display: none;}
	
	
}