/*=======================================================================================================================
ADM.CSS
Adjusted Digital Media
1/16/2022
Pink: #D75989 - Orange: #D99342 - Blue: #317094 - DarkBlue: #070a0e
=======================================================================================================================*/

/*=======================================================================================================================
GOOGLE FONTS
=======================================================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,400;0,500;0,600;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*=======================================================================================================================
UNIVERSAL STYLES
=======================================================================================================================*/
*{box-sizing:border-box; font-family:'Montserrat', sans-serif;}
html{background:#070a0e; width:100%; max-width:100%; margin:0;}
html.sr .load-hidden {visibility: hidden;}
body{margin:0 auto; min-width:100%; max-width:100%; margin:0;}
::placeholder {color: black;}
video{margin:0; background-color:black; border:0; outline:none; margin-bottom:-1px;}
video::-webkit-media-controls-start-playback-button {display: none !important;}

/*=======================================================================================================================
PRELOADER
=======================================================================================================================*/
#loader-wrapper{position:fixed; top:0; left:0; width:100%; height:100%; z-index:3000;}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	/* background: #070a0e; */
	background:black;
	z-index: 3000;
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-container {
	opacity: 0;
}

.loaded #loader-wrapper {
	visibility: hidden;
}

.loaded #loader-container {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {

	-webkit-transition: all 0.4s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.4s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);

	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

.no-js #loader-wrapper {
	display: none;
}

#loader-container{display:block; position:relative; left:50%; top:50%; margin:-100px 0 0 -100px; width:200px; height:200px; background-size: 60%; top:50%; background-position:center center; background-repeat:no-repeat; padding:5px; z-index:3001; background-image:url('/videos/ADM.gif'); background-size:contain;}
#loader{width:200px; height:200px; border:solid 3px transparent; border-top-color:deepskyblue; border-radius:50%; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
#loader:before{content: ""; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:solid 2px transparent; border-top-color:#D99342; border-radius:50%; -webkit-animation: spin 4s linear infinite; animation: spin 4s linear infinite;}
#loader:after{content: ""; position:absolute; top:15px; left:15px; right:15px; bottom:15px; border:solid 1px transparent; border-top-color:#D75989; border-radius:50%; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
@-webkit-keyframes spin {
  0%
  {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  100%
  {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
@keyframes spin {
  0%
	{
	  -webkit-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100%
	{
	  -webkit-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
}
/*=======================================================================================================================
PAGE WRAPPERS
=======================================================================================================================*/
.pageContainer {width:100%; margin:0 auto; position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; max-width:1600px;}
.internalContainer {margin:0 auto; width:100%; max-width:1600px; margin:0 auto; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.imageBackground{position:fixed; bottom:0; left:0; right:0; height:100%; width:100%; background-color:white; background-image:url('/images/losangeles.png'); background-position:center center; background-size:cover; z-index:-1; margin:0; padding:0;}

/*=======================================================================================================================
RIGHT MENU SIDE BAR
=======================================================================================================================*/
.sideBar{display:none; position:fixed; order:2; width:400px; z-index:1002; top:0; right:0; min-height:100%; background-color:#1f1f1f; box-shadow:0 0 20px #1f1f1f;}
.sideBarMenu{min-height:50px; padding:20px; display:flex; justify-content:flex-end; align-items:center;}
#closeButton{cursor:pointer; color:#D99342; font-size:25px; padding:10px;}

/*=======================================================================================================================
TEXT STYLES
=======================================================================================================================*/
.h1	{color:#1f1f1f; letter-spacing:-1; font-size:60px; font-weight:600; line-height:1.3em; padding-bottom:20px}
.h2	{color:#D99342; font-weight:700; font-size:18px; letter-spacing:0em; line-height:1em; padding-bottom:20px;}
.h3	{color:#1f1f1f; font-weight:400; font-size:18px; letter-spacing:0; line-height:1.5em; padding-bottom:20px;}
.h4	{color:#1f1f1f; font-weight:300; font-size:60px; letter-spacing:.01em;}
.h5	{color:#1f1f1f; font-weight:300; font-size:60px; letter-spacing:.01em; line-height:1.3em; padding-bottom:20px;}
.h4Service	{color:white; font-weight:300; font-size:50px; letter-spacing:.01em; margin-bottom:15px;}
.serviceText {color:white; font-weight:200;}
.center{text-align:center;}
.boldText{font-weight:700; font-size:60px;}
.textalign-right{text-align:right;}
.servicesHeader{font-size:50px; text-align:center;}
#planningCampaign{font-size:3em; font-weight:600;}
#welcomeText1{font-size:3em; font-weight:600; text-transform:capitalize; text-align:center; padding-bottom:10px;}
#welcomeText2{font-weight:800; letter-spacing:0; font-size:2.6em; line-height:1em; text-transform:capitalize;}
#welcomeTextSub{font-weight:300; letter-spacing:0; font-size:2.6em; line-height:1em; text-transform:capitalize;}
#welcomeText3{font-size:1.3em; text-align:center;}
#serviceHeader{font-family:'Raleway', sans-serif; color:black; font-weight:400; font-size:2.5em; margin-top:15px;}

/*=======================================================================================================================
HEADER MENUS
=======================================================================================================================*/
/*--Light Mode Menu--*/
/* .menuBar {position:relative; width:100%; height:100px; display:flex; justify-content:center; align-items:center; z-index:1000; margin:0 auto; background-color: white;} */
.menu {display:flex; justify-content:flex-end; font-weight:500; flex-grow:1; text-transform:lowercase;}
.menuItem {display:flex; justify-content:center; letter-spacing:.1em; font-size:20px; font-weight:300; align-items:center; text-align:center; margin-left:40px; cursor:pointer; height:22px; user-select:none; -webkit-user-select: none; -moz-user-select: none; z-index:1010;}
.menuItem:hover {color:deepskyblue;}
#current {color:#D75989;}
/*--Dark Mode Menu--*/
.menuBarDark {position:relative; width:100%; height:130px; display:flex; justify-content:center; align-items:center; z-index:1000; margin:0 auto; background-color: black;}
.logoCell {}
#headerLogo {cursor:pointer;}
.menuItemDark {display:flex; justify-content:center; letter-spacing:.1em; font-size:1em; font-weight:300; align-items:center; text-align:center; margin-left:40px; cursor:pointer; height:22px; user-select:none; -webkit-user-select: none; -moz-user-select: none; z-index:1010; color:white;}
.menuItemDark:hover {color:deepskyblue;}
#currentDropDown {color:white; background-color:#D99342}
#currentFooter {color:#D75989;}
/*--Home Mode Menu--*/
.menuBarHome{position:relative; z-index:2000; width:100%; height:200px; display:flex; justify-content:center; align-items:flex-start; margin:0 auto; background-color:none; background-image: url('/images/headerBG.png'); background-repeat:repeat-x; padding-top:10px;}
.menuItemHome {display:flex; justify-content:center; letter-spacing:.1em; font-size:20px; font-weight:300; align-items:center; text-align:center; margin-left:40px; cursor:pointer; height:22px; user-select:none; -webkit-user-select: none; -moz-user-select: none; z-index:1010; color:white;}
/*--Responsive Menu--*/
.menuBarS {width:100%; position:relative; display:none; flex-flow:row nowrap; align-items:center; background-color:#070A0E; height:90px; justify-content:center; z-index:2000;}
.menuBarSDark {width:100%; position:relative; display:none; flex-flow:row nowrap; align-items:center; height:90px; justify-content:center; z-index:2000; background-color:#070A0E;}
.dropDownMenu{width:100%; height:auto; display:none; align-items:center; z-index:1001; position:absolute; top:90px; left:0; background:none; background-color:transparent; padding-bottom:25px;}
.dropDownBG{width:100%; height:100%; position:absolute; background-color:#070A0E;}
.dropDownContainer{position:relative; width:100%; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center; color:white; padding:10px 0 10px 0;}
.dropDownItem{cursor:pointer; display:flex; justify-content:center; text-transform:lowercase; align-items:center; height:30px; font-weight:400; font-size:1em; width:100%;}


label{
	width:25px;
	height:2px;
	background-color:white;
	pointer-events:none;
	position:absolute;
}

label:before{
	content:'';
	width:25px;
	height:2px;
	background-color:white;
	position:absolute;
	display:block;
	top:-9px;
	left:0px;
	transform-origin:left top;
	transform:rotatz(0deg);
	transition: all 0.6s cubic-bezier(1,0,0,1);
}

label:after{
	content:'';
	width:25px;
	height:2px;
	background-color:white;
	position:absolute;
	display:block;
	bottom:-9px;
	left:0px;
	transform-origin:left bottom;
	transform:rotatz(0deg);
	transition: all 0.6s cubic-bezier(1,0,0,1);
}

#toggle:checked ~ label:before{
	height:3px;
	left:5px;
	background-color:white;
	transform:rotatez(48deg);
}

#toggle:checked ~ label:after{
	height:3px;
	left:5px;
	background-color:white;
	transform:rotatez(-48deg);
}

#toggle:checked ~ label{
	background-color:transparent;
}

#toggle ~ label{
	transition: all 0.5s cubic-bezier(1,0,0,1);
}

input[id="toggle"]{display:none;}

/*=======================================================================================================================
WELCOME SECTION
=======================================================================================================================*/
#homeHeadWrapper {max-height:2160px; display:flex;}
#videoWrapper {margin-bottom:0; overflow:hidden;}
.homeVideos {flex-grow:1; display:flex; align-items:center; width:100%; max-width:1920px; height:100%; max-height:1080px; box-shadow: 0px 0px 75px #070707; background-color:black;}
.topSection{width:100%; height:auto; max-height:1080px; background-color:black; overflow:hidden;}
.welcomeHeader{display:flex; justify-content:center; align-items:center; min-height:100px; padding:40px 10px 50px 10px; width:100%; background-color:#070707; margin:0 auto; height:auto;}
.welcomeText{display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; max-width:1920px; padding:25px 10px; margin:0;}
.arrowButtons {width:50px; height:50px; cursor:pointer;}
/*=======================================================================================================================
BUTTON BARS
=======================================================================================================================*/
.buttonBar {display:flex; width:95%;}
.welcomeButtonBar{display:flex; justify-content:space-between; margin-top:15px; width:80%;}
.technicalButtonBar{justify-content:flex-end}
.blueButton {display:flex; border-radius:50px; align-items:center; padding:0 20px 0 20px; justify-content:center; width:auto; min-width:250px; height:50px; background-color:deepskyblue; color:black; font-weight:600; font-size:20px; margin-right:15px; border:solid 2px deepskyblue; letter-spacing:.1em;}
.blueButton:hover{background-color:#070A0E; border-color:white; color:white; cursor:pointer;}
.orangeButton {display:flex; border-radius:50px; align-items:center; padding:30px; justify-content:center; width:auto; min-width:190px; height:40px; background-color:#D99342; color:white; font-weight:700; font-size:20px; margin-right:15px; letter-spacing:.1em;}
.orangeButton:hover{background-color:white; color:#D99342; cursor:pointer;}
.overflowButton{display:flex; border-radius:0; justify-content:center; align-items:center; padding:0 25px 0 25px; height:15px; max-height:15px; background-color:#D99342; overflow:visible;}
.overflowButton:hover{}
.textButton{color:black; height:100px; margin-top:30px; font-size:35px; letter-spacing:.05em; }
.textButton:Hover{cursor:pointer;}
.createServicesButton {width:auto; color:#D99342; font-weight:600; font-size:20px;}
.createServicesButton:hover{color:#317094; cursor:pointer;}
.techServicesButton {width:auto; color:#D75989; font-weight:600; font-size:20px;}
.techServicesButton:hover{color:#317094; cursor:pointer;}
.hollowButton {display:flex; border-radius:50px; align-items:center; padding:0 20px 0 20px; justify-content:center; width:auto; min-width:250px; height:50px; font-weight:500; font-size:20px; border:solid 2px deepskyblue; background-color:transparent; color:white; letter-spacing:.1em;}
.hollowButton:hover{border-color:white; color:white; cursor:pointer;}

/*=======================================================================================================================
HOME PAGE SERVICES SECTION
=======================================================================================================================*/
.servicesWrapper{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; max-width:1600px; overflow:hidden; height:auto; background-color:transparent;}
.servicesSection{width:100%; min-width:550px; max-width:550px; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; background-color:transparent;}
#creative{order:2}
#technical{order:1}
.longServiceHeader{display:flex; justify-content:center; align-items:center; min-height:60px; width:100%; background-color:#070A0E; margin:0 auto; margin-top:20px;}
.technicalHeaderVert{display:none; width:100vw; background-color:#070A0E; background-color:transparent;}
.servicesHeaderVert{display:none; width:100vw; background-color:#070A0E; background-color:transparent;}
.justify_flex-start{align-items:flex-start;}
.servicesText{display:flex; flex-direction:column; align-items:flex-start; font-weight:500; justify-content:center; max-width:800px; padding-left:20px; border-left:inset thin #4e4e4e; border-right:none}
.servicesDivider{height:150px; width:1px; background-color:gray;}
.technicalText{display:flex; flex-direction:column; align-items:flex-end; font-weight:500; justify-content:center; max-width:800px; padding-right:20px; border-right:inset thin gray; border-left:none}
.technicalButtonBar{align-items:flex-end;}
.servicesIcons{display:flex; flex-direction:row; justify-content:center; align-items:center; flex-grow:1; padding:0;}
.servicesIconsVert{display:none; margin-bottom:0;}
.iconRow{display:flex; flex-direction:column; justify-content:center; align-items:center;}
.iconItem{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; color:black;}
.iconItemVert{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; color:black;}
.iconitem2{display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:500px; color:black;}
.iconitem2Left{display:flex; flex-direction:row; justify-content:flex-end; align-items:center; width:500px; color:black;}
.iconitem2Right{display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:500px; color:black;}
.iconImage{height:100; background-color:white; border-radius:100px; box-shadow:0 0 10px #a7a7a7; cursor:pointer;}
.iconImage2{height:80; cursor:pointer;}
.iconitemLabel{font-family:'Raleway', sans-serif; font-weight:200; font-size:25px; padding:10px;}
.iconImageHover{background-color: #c1c1c1; border-radius:150px;}
.handshakeIcon{height:200;}
.iconLabel{font-size:15px; min-width:140px; width:100%; margin-top:10px; font-weight:400; min-height:40px; text-align:center; display:flex; justify-content:center; align-items:flex-start;}
.divider {width:100%; height:0px; border-top:solid 3px #D99342; margin-bottom:20px;}
.dividerPink {width:100%; height:0px; border-top:solid 3px #D75989; margin-bottom:20px;}

/*=======================================================================================================================
CLIENTS SECTION
=======================================================================================================================*/
.scrollerSection{width:100%; background-color:#070A0E; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:50px 0 50px 0;}
.clientScroller{width:100%; opacity:1; overflow:scroll; min-height:175px; background-color:transparent}
.clientLogoContainer{display:flex; position:relative; height:120px; max-width:3500px; margin:0 auto; overflow: auto; -webkit-overflow-scrolling:touch; pointer-events:none;}
.clientLogo{position:relative; height:120px; width:240px; margin:25px;}
.clientLogo img{width:240px}
.clientScroller::-webkit-scrollbar {display: none;}
.clientLogoContainer::-webkit-scrollbar {display: none;}
/* CLIENT QUOTE SECTION */
.quoteBox{width:95%; max-width:800px; margin-top:100px; display:flex; justify-content:center; align-items:center; color:white; font-size:40px; font-weight:200;}
.quoteWrapper{flex-grow:1; display:flex; flex-direction:column; font-size:20px; font-weight:200; padding:10px;}
.quoteLogo{margin-bottom:15px;}
.quoteLogo img{height:30;}
.quoteContent{margin-bottom:15px; font-style:italic; font-size:30px; padding-left:15px;}
.quoteName{font-weight:400;}
.quoteTitle{font-size:15px; font-weight:400;}

/*=======================================================================================================================
HOME PAGE CALL TO ACTION
=======================================================================================================================*/
.cta{display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:600px; width:100%;}
.ctaBubble{display:flex; justify-content:center; align-items:center; width:60px; height:60px; border-radius:60px; background-color:transparent}
.speechBubbleVideo{width:60px; height:60px; border-radius:60px;}
.planningCampaignWrapper{width:100%; max-width:800px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.ctaText{display:flex; width:90%; min-height:75px; justify-content:center; align-items:center;}

/*=======================================================================================================================
FOOTER
=======================================================================================================================*/
.footerSection{position:relative; background-color:#070A0E; min-height:150px; width:100%;}
.footerWrapper{width:100%; max-width:2100px; min-height:150px; margin:0 auto; display:flex; align-items:center; justify-content:center;}
.footerCenter{flex-grow:1; display:flex; justify-content:flex-start; align-items:center;}
.footerMenu {display:flex; justify-content:flex-start; font-weight:500; flex-grow:1; margin-left:3%; text-transform:lowercase;}
.footerMenuItemDark {display:flex; justify-content:center; letter-spacing:.1em; font-size:1em; font-weight:300; align-items:center; text-align:center; margin-left:40px; cursor:pointer; height:22px; user-select:none; -webkit-user-select: none; -moz-user-select: none; z-index:1010; margin-bottom:25px; margin-right:0; color:white;}
.footerMenuItemDark:hover {color:deepskyblue;}
.footerRight{display:flex; justify-content:center; align-items:center; min-width:400px;}
.footerLogo{height:50;}

/*=======================================================================================================================
RESPONSIVE CSS
=======================================================================================================================*/
@media screen and (max-width: 1920px)
{
	#videoWrapper {margin-bottom:0px;}
	.menuBarDark{padding:0 20px;}
}

@media screen and (max-width: 1450px)
{
	.h1{font-size:50px;}
}

@media screen and (max-width: 1250px)
{
	.h1{font-size:50px;}
	.dropDownMenu{display:none;}
}

@media screen and (max-width: 1099px)
{
	#homeHeadWrapper{height:auto;}
	#videoWrapper {margin-bottom:0px;}
	.servicesWrapper{margin-top:0; background-color:transparent;}
	.servicesSection{flex-direction:column; align-items:center; background-color:transparent;}
	.technicalHeaderVert{display:flex; justify-content:center; align-items:center; min-height:0; background-color:transparent;}
	.servicesHeaderVert{display:flex; justify-content:center; align-items:center; min-height:0; background-color:transparent;}
	.iconImage{height:120;}
	.longServiceHeader{display:none;}
	.h1{font-size:7vw; text-align:center;}
	.h2{font-size:14px; text-align:center;}
	.h3{font-size:16px; text-align:center;}
	.h4{font-size:45px; text-align:center;}
	.servicesHeader{font-size:50px;}
	.boldText{font-size:30px;}
	.menu{display:none}
	.menuBar{display:none;}
	.menuBarDark{display:none;}
	.menuBarHome{display:none;}
	.menuBarS{display:flex;}
	.menuBarSDark{display:flex;}
	.ADMWelcomeLogo{display:none;}
	.welcomeText{order:2; width:100%; min-width:300px; align-items:center; margin:10px 0 10px 0; padding:10px 20px; max-width:800px;}
	#welcomeText1{font-size:1.8em;}
	#welcomeText2{font-size:2.2em;}
	#welcomeTextSub{font-size:1.5em; font-weight:500;}
	.buttonBar{justify-content:center;}
	.technicalButtonBar{justify-content:center;}
	.blueButton{margin:0 10px 0 0;}
	.hollowButton{padding:5px; margin:0 0 0 10px;}
	.technicalSection{margin:0;}
	#creative{order:1}
	#technical{order:2}
	.servicesText{order:1; width:100%; min-width:300px; align-items:center; margin:30px 0 30px 0; padding:0; min-height:auto; border:none;}
	.technicalText{order:1; width:100%; min-width:300px; align-items:center; margin:30px 0 30px 0; padding:0; min-height:auto; border:none;}
	.servicesIcons{display:none;}
	.servicesIconsVert{display:flex; flex-direction:column; width:100%; padding:10px; order:2; justify-content:center; align-items:center;}
	.iconRow{display:flex; flex-direction:row; justify-content:center; align-items:center;}
	.servicesIconsVert{width:90%; height:auto; margin:0 0 20px 0; order:2; padding:0; justify-content:center; align-items:center;}
	.welcomeAnimation{order:1; width:80%; padding:0; margin:0;}
	.iconItem{padding:10px 20px 10px 20px;}
	.footerWrapper{flex-flow:column nowrap;}
	.footerRight{order:1}
	.footerCenter{order:2; justify-content:center;}
	.footerMenu{flex-grow:1; width:100%; padding:0; flex-direction:column; align-items:center; justify-content:center; margin-left:0;}
	.footerMenuItemDark{width:100%; text-align:center; margin-left:0;}
	.footerRight{padding:25px;}
	.footerLogo{height:60;}
	.dropDownMenu{display:none;}
	.recentCampaignTab{display:none;}
}

@media screen and (max-width: 775px)
{
	.h1{font-size:7vw;}
	.h2{font-size:14px;}
	.h3{font-size:16px;}
	.h4{font-size:35px;}
	.servicesHeader{font-size:45px;}
	.h5{font-size:40px;}
	.welcomeHeader{padding-top:20px;}
	#welcomeText1{font-size:1.6em; margin-bottom:0; padding-bottom:5;}
	#welcomeText2{font-size:2em;}
	#welcomeText3{font-size:1em;}
	#serviceHeader{font-size:2em;}
	#welcomeTextSub{font-size:1.3em; font-weight:500;}
	.iconItem{padding:0 10px 10px 10px;}
	.iconItemVert{padding:0 10px 10px 10px;}
	.iconImage{height:90; font-size:1em;}
	.iconLabel{font-size:.8em; min-width:120px;}
	.welcomeAnimation{width:98%; padding:0; margin:0;}
	#planningCampaign{font-size:2em;}
	.buttonBar{flex-direction:column; width:95%; justify-content:center; align-items:center;}
	.contactBar{flex-direction:row;}
	.welcomeButtonBar{flex-direction:column; width:80%; justify-content:center; align-items:center;}
	.blueButton{min-width:100%; height:50px; padding:15; margin:0 0 25px 0; font-size:15px;}
	.contactButton{display:flex; border-radius:50px; align-items:center; padding:0 20px 0 20px; justify-content:center; width:auto; min-width:250px; height:60px; background-color:#317094; color:white; font-weight:500; font-size:20px; margin-right:15px; border:solid 2px #317094; letter-spacing:.1em;}
	.hollowButton{min-width:100%; height:50px; padding:0; margin:0; font-size:15px;}
	.spaced{margin-bottom:25px;}
	.quoteContent{font-size:20px;}
	.brainstormText{font-weight:600; font-style:italic; font-size:35px; line-height:1.3em;}
	.dropDownMenu{display:none;}
	.arrowButtons{width:25px; height:25px; cursor:pointer;}
}

@media screen and (max-width: 500px)
{
	.h1{font-size:1.3em; padding:bottom:0;}
	.h2{font-size:1.3em; padding:bottom:0; line-height:1em;}
	.h3{font-size:.9em;}
	.h4{font-size:35px;}
	#welcomeText1{width:100%; font-size:1.3em; margin-bottom:0; padding-bottom:10px;}
	#welcomeText2{width:100%; font-size:2em; margin-bottom:0; padding-bottom:10px;}
	.menuBar{width:100%;}
	.servicesWrapper{width:100%;}
	.servicesSection{min-width:100%;}
	.footerSection{width:100%; overflow:hidden;}
	.footerRight{min-width:100%;}
}