/* CSS Document */

html {
  scroll-behavior: smooth;
}

body, html { 
	height: 100%;
	margin: 0;
}
a[href^=tel]{
    color:inherit;
    text-decoration:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}
.top { width: 100%; max-width: 100%; background-color: white; padding: 2em 0; text-align: center; display: block; }
.top img { margin: 0 auto; max-width: 150px; }

#home {
	background-position-x: 50%;
    min-height: 40em;
    height: 40em;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;

}



#home span.largeText { color: white; display: block; text-align: center; margin: 0 auto; font-size: 4em; font-family: "proxima-nova",sans-serif; text-transform: uppercase; letter-spacing: 4px; padding-top: 230px; font-weight: 800; width: 70%;  }
#home span.smallerText { color: white; display: block; text-align: center; margin: 0 auto; font-family: "proxima-nova",sans-serif; font-weight: 600; font-size: 1.5em; letter-spacing: 2px; max-width: 1200px; padding: 0 2%; }
h1.storytelling { font-family: "proxima-nova",sans-serif; font-size: 2.3em; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-top: 1.3em; display: block; text-align: center;} 

.creativeStorytelling { width: 100%; margin-top: 3em; display: inline-block; }

div.CS-contain { margin: 0 auto; width: 100%; max-width: 1280px; }
div.CS-contain img { max-width: 600px; float: left; display: inline-block; }

div.numbersText {  display: inline-block; }
div.numbersText span { background-color: #438557; border-radius: 50%; padding: 0.2em 0.68em 0.2em 0.62em;  color: white; font-size: 3.2em; font-family: "proxima-nova",sans-serif; display: inline; margin-left: 1em; margin-top: 0.3em; float: left; }
div.numbersText p { display: block; margin-left: 1em; max-width: 440px; font-family: "proxima-nova",sans-serif; font-weight: 300; font-size: 1.2em; float: none; line-height: 35px;  }

div.numbersText.second { display: block; float: none;}
div.numbersText.second span { padding: 0.2em 0.55em; margin-top: 0.8em; }

#engage {
    height: 1414px;
    margin: 0 auto;
    width: 100%;
    max-width: 2500px;
    position: relative;
	clear: both;
	margin-top: 7em;
	display: block;
	float: left;
	margin-bottom: 4em;

}

#engage span.engageLarge { color: black; font-family: "proxima-nova",sans-serif; font-weight: 300; font-size: 3.2em; text-transform: uppercase; margin: 0 auto; margin-top: 3.9em; text-align: center; display: block; background-color: white; padding: 1em; max-width: 700px; letter-spacing: 2px;  } 

.hideme
{
    opacity:0;
}

.comps { text-align: center; }
.comps img { max-width: 1200px; width: 90%; }
.comps p { max-width: 750px; width: 100%; margin: 0 auto; margin-top: 2em; line-height: 38px; color: black; font-family: "proxima-nova",sans-serif; font-weight: 100; font-size: 1.5em; }

.socialMainContainer { background-color: #efefef; padding: 0.5em 0; margin-top: 3em; padding-bottom: 3em;  }
.socialMainContainer2 { background-color: #fff; padding: 0.5em 0; margin-top: 0em; padding-bottom: 3em; clear: both; display: block; height: auto;  }

.socialImages { display: inline-block; vertical-align: top; margin-top: 4em; }

.socialText { display: inline-block;  vertical-align: top; }
.socialTextIG { display: inline-block; vertical-align: top; height: 100%; float: left; }
.socialFB { width: 100%; max-width: 1280px; text-align: center; margin-top: 0em !important; font-family: "proxima-nova",sans-serif; font-weight: 100; font-size: 1.8em; margin: 0 auto; line-height: 45px; padding-bottom: 2em;  } 
.socialFB span.smallSocialText { max-width: 500px; width: 100%; display: inline-block; text-align: left; margin-top: 70%; }
.socialFB span.viewFBPost { display: block; clear: both; margin-top: 2em; margin-bottom: 2em;}
.socialFB img { display: inline-block; margin: 0 auto; max-width: 550px; }
.socialFB img.firstIMG { margin-right: 1em; }
.socialFB div.socialImages { display: inline-block; width: 49%; text-align: left; }
.socialFB div.socialText { display: inline-block; width: 38%; margin-top: 27%; text-align: left; }
.hrMod {max-width: 300px; margin-top: 3.8em; color: #ececec; opacity: 0.3; clear: both; }
.socialIG { width: 100%; max-width: 1280px; text-align: center; margin-top: 0em !important; font-family: "proxima-nova",sans-serif; font-weight: 100; font-size: 1.8em; margin: 0 auto; line-height: 45px;  } 
.socialIG span.smallSocialText { max-width: 500px; width: 100%; display: inline-block; text-align: left; margin-top: 65%; margin-left: 3em; }
.socialIG span.viewFBPost { display: block; clear: both; margin-top: 2em; margin-bottom: 2em;}
.socialIG img { display: inline-block; margin: 0 auto; max-width: 350px; margin-right: 1em;  }
.socialIG img.firstIMG { margin-right: 1em; }

.footer { font-family: "proxima-nova",sans-serif; min-height: 200px; background-color: black; text-align: center; margin-top: 0em; clear: both; display: block; }
.footer .GDFooter { color: white; text-transform: uppercase; font-family: "proxima-nova",sans-serif; font-weight: 600; font-size: 0.8em; letter-spacing: 1.5pt; margin-top: 5em; display: inline-block; }
.footer .allRights { color: white; font-family: "proxima-nova",sans-serif; font-size: 0.7em; letter-spacing: 1.5pt; display: block; margin-top: 1em;  }
.footer .footerPhone { color: white; font-family: "proxima-nova",sans-serif; font-size: 0.7em; letter-spacing: 1.7pt; display: block; margin-top: 1em; font-weight: 600;  }
.footer .followUs { color: white; font-family: "proxima-nova",sans-serif; font-size: 0.7em; letter-spacing: 1.7pt; display: block; margin-top: 4em; font-weight: 100; margin-bottom: 1em; }

.socialIcons img { max-width: 40px; display: inline-block; padding: 0 0.2em; }

.parallax-window { min-height: 400px; background: transparent; }

.parallax-window.mapParallax { min-height: 2200px; width: 100%; background: transparent; margin-top: 2em !important;}
tel { color: white; }
h1.storytelling.map { margin-bottom: 0em; }
.dates {display: block; font-weight: 600; color: #a3a3a3; padding: 0 3em;  }

.otherInfoContainer { background-color: #efefef; padding: 2em 0; }

.otherInfo { margin: 3em 0; margin: 0 auto;  margin-bottom: 3em; margin-top: 3em;}
.otherInfo a { width: auto;   padding-right: 15px; padding-left: 15px; max-width: 380px; display: inline-block; } 

.otherInfo h3 { font-size: 1.4em; font-weight: 600; }
.otherInfo h3 span { font-size: 0.7em !important; display: block; font-weight: 500; }
.otherInfo p { color: black !important; font-size: 0.9em; }

.otherInfo a:hover { text-decoration: none !important; }

.otherInfo div.col-sm { padding: 1em; border-radius: 14px }
.otherInfo div.col-sm:hover { background-color: #efefef; }
.small { font-size: 13px !important; margin: 0 auto; margin-left: auto; line-height: 17px !important; margin-left: 1.6em !important; }
.map { text-align: center; }
.map img { width: 100%; max-width: 1920px !important; } 
.smaller { font-size: 2em !important }

@media only screen and (min-device-width: 990px) and (max-device-width: 1180px) {
	
div.CS-contain img { max-width: 500px !important; }
	div.numbersText {  }
	div.numbersText { margin-top: 4em; }
	div.numbersText p { font-size: 1em; line-height: 25px; max-width: 320px;  }
	div.numbersText span { font-size: 2em; margin-top: 0.8em; }
	div.numbersText.second { display: inline-block; }
	div.numbersText.second span { margin-top: 1.5em; }
	#home span.largeText { padding-top: 230px;} 
}


@media screen and (max-width: 990px) {
	
.top img { max-width: 150px; }	
#home span.largeText { font-size: 1.5em; padding-top: 10%; width: 90%; }	
#home span.smallerText { font-size: 1.2em; }

#home { min-height: 280px; height: 100%; background-attachment: scroll !important;  }
	

h1.storytelling { margin-top: 2em; font-size: 1.5em; margin-bottom: 0em; padding: 0 1em; }
div.CS-contain img { width: 100%; max-width: 100%;  }
.creativeStorytelling { margin-top: 1.5em; }
div.numbersText { margin-top: 0em; width: 100%; max-width: 100%;  }
div.numbersText span { font-size: 1.6em; margin-top: 1.8em; float: none; display: inline-block; margin-left: 0;  }
div.numbersText p { font-size: 1.1em; line-height: 28px; float: none; display: block; margin-left: 0; padding: 0 2em; font-weight: 300; max-width: 100%; }
div.numbersText.second span { margin-top: 2.3em; }

.socialIG img { max-width: 320px; width: 100%; }
.socialIG span.smallSocialText { width: auto; max-width: 100% !important; text-align: center; margin-left: 0; } 
	div.numbersText { text-align: center; }
	.comps { margin-top: 3em; display: inline-block; }
	.comps img { width: 80%; }	
	.comps p { width: 80%; font-size: 1.2em; font-weight: 300; }
	.socialFB { font-size: 1.3em; font-weight: 300; }
	.socialFB img { width: 100%; }
	.socialFB div.socialImages { width: 100% !important; display: block !important; max-width: 250px; margin: 0 auto; }
	.socialFB div.socialText { width: 90%; text-align: center; margin-top: 9%; }
	#slideshow { height: auto;   }
	.parallax-window { height: 280px !important; background: transparent; }

	div.parallax-mirror { max-height: 280px; overflow: hidden; }
	.socialFB div.socialImages	{ margin-top: 5em;  } 
	.socialIG { font-size: 1.3em; font-weight: 300; }
	.socialIG span.smallSocialText { margin-top: 23%; width: 90%; } 
	.socialIG div.socialImages { margin-right: 0; max-width: 250px; margin-top: 4.5em;   }
	.socialIG img { margin-right: 0; }
#engage { margin-top: 0.5em; margin-bottom: 0; height: 10em; min-height: 10em;  font-weight: 600; }
#engage span.engageLarge {  font-size: 1.5em; font-weight: 300;  margin-top: 100px; }
	div.numbersText.second { margin-bottom: 1em; }
	.map { margin-bottom: 1em !important; }
	.otherInfo { display: inline-block; margin-top: 2em; text-align: center; max-width: 100%;  }
	.parallax-window.mapParallax { min-height: 1000px; background: transparent; margin-top: 0.7em !important;}
}

@media screen and (max-width: 600px) { 
	#engage span.engageLarge { margin-top: 90px; font-size: 1.3em; }
	
	.socialFB { font-size: 1.3em; font-weight: 300; }
	.socialFB img { width: 100%; }
	.socialFB div.socialImages { width: 100% !important; display: block !important; max-width: 250px; margin: 0 auto; }
	.socialFB div.socialText { width: 90%; text-align: center; margin-top: 24%; }
	
	.socialFB div.socialImages	{ margin-top: 5em;  } 
	.socialIG { font-size: 1.3em; font-weight: 300; }
	.socialIG span.smallSocialText { margin-top: 23%; width: 90%; } 
	.socialIG div.socialImages { margin-right: 0; max-width: 250px; margin-top: 4.5em;   }
	.socialIG img { margin-right: 0; }
	#home span.largeText { padding-top: 15%;  }	
	

}