/*NEW COLORS
BLUE #2089c7 - rgba(32,137,199,1)
DARK BLUE #1d2d5a - rgba(29,45,90,1)
TEAL #25a9c3 - rgba(37,169,195,1)
DARK TEAL #3a5865 - rgba(58,88,101,1)
YELLOW #fcd146 - rgba(252,209,70,1)
PEACH #f1645f - rgba(241,100,95,1)
LIGHT GRAY #9ea0a7 - rgba(158,160,167,1)
GRAY #6a6b6e - rgba(106,107,110,1)
BLACK #323232 - rgba(50,50,50,1)

*/
/*FONTS
font-family: 'Libre Baskerville', serif;
font-family: 'Pathway Gothic One', sans-serif;
*/

/* Header Background */
.page-id-635 #nav-top {
	background: none;
}

/* Header Link Color */
.page-id-635 #nav-top a {
	color: #444;
}

.landing-page-background {
	background-image: url(/wp-content/uploads/2018/06/baltimore-maryland-marketing-company.jpg);
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	filter: blur(5px);
  opacity: .15;
  background-size: cover;
  background-position: center;
}
.landing-header {
	width: 95%;
	max-width: 700px;
	display: block;
	margin: 200px auto 30px;
}
.landing-header h1 {
	font-weight: 900;
	font-size: 28px;
	line-height: 40px;
	border-bottom: 3px solid gray;
	padding-bottom: 20px;
	color: #f1645f;
}
.landing-container {
	display: flex;
  justify-content: center;
  width: 95%;
  max-width: 700px;
  margin: 0px auto 50px;
}
.landing-content {
	width: 70%;
}
.landing-content p {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 25px;
}
.landing-media {
	width: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -30px;
}
.landing-media svg {
	transform: scale(.15);
	width: 60px;
	height: 70px;
	overflow: visible;
}
.landing-media svg:nth-child(even) g path {
	animation: magnetAnimate 10s infinite;
}
.landing-media svg:nth-child(odd) g path {
	fill: rgba(211, 211, 211, .5);
}
.speaker-animate {
	animation: speakerAnimate 10s infinite;
}

@keyframes magnetAnimate {
	0% {
		fill: rgba(211, 211, 211, .5);
	}
	50% {
		fill: rgba(241,100,95, .5);
	}
	100% {
		fill: rgba(211, 211, 211, .5);
	}
}

@keyframes speakerAnimate {
	0% {
		fill: rgba(211, 211, 211, .5);
	}
	50% {
		fill: rgba(37,169,195,.5);
	}
	100% {
		fill: rgba(211, 211, 211, .5);
	}
}

.landing-cta p {
	display: block;
  width: max-content;
  margin: 40px auto 100px;
  padding: 20px 50px;
  font-size: 18px;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  background-color: rgba(37,169,195,1);
  color: #fff;
  position: relative;
  cursor: pointer;
}
.landing-cta p:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0px 0px 80px rgba(37,169,195,.5);
}

.initiative-form {
	position: fixed !important;
	box-shadow: 0px 2px 20px #999;
}
.initiative-form-thanks {
	font-size: 16px;
  margin: 50px 0px;
  line-height: 28px;
}

@media(max-width: 750px){
	.landing-header{margin: 100px auto 30px;}
	.landing-media{display: none;}
	.landing-content{width: 100%;}
}