/**Stylesheet for Whiskey Consultant.*/
@font-face{
  font-family: seidlitz;
  src: url('../Fonts/seidlitz.woff2') format('woff2'),
     url('../Fonts/seidlitz.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: seidlitzrough;
  src: url('../Fonts/seidlitzrough.woff2') format('woff2'),
     url('../Fonts/seidlitzrough.ttf') format('truetype');
  font-display: swap;  
}


@font-face{
  font-family: brandongrotesque;
  src: url('../Fonts/brandongrotesque.woff') format('woff2'),
     url('../Fonts/brandongrotesque.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: icomoon;
  src: url('../Fonts/icomoon.woff2') format('woff2'),
     url('../Fonts/icomoon.ttf') format('truetype');
  font-display: swap;  
}



html, body {
	height: 100%;
}

body{
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	background: #171717;
}
/**Icons.*/
.location_icon:before{
  font-family: icomoon;
  content: "\e901";
}

.phone_icon:before{
  font-family: icomoon;
  content: "\e903";
}

.email_icon:before{
  font-family: icomoon;
  content: "\e904";
}

.cart_icon:before{
  font-family: icomoon;
  content: "\e902";
}

.account_icon:before{
  font-family: icomoon;
  content: "\e905";
}


/**Masthead Styles*/
#masthead{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 4em;
	border-top: .6em solid #EC008C;
	background: #171717;
	border-bottom: 1px solid #0D0D0D;
	z-index: 3;
}

#logo{
	position: absolute;
	top: .5em;
	left: 1em;
	width: 5.5em;
	z-index: 5;
}

#logo img{
	width: 100%;
	height: auto;
}

.site-title{
	display: none;
}

#header_chat_links{
	position: absolute;
	top: .7em;
	right: 5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}

#header_chat_links a, #contact_chat a{
	display: inline-block;
	width: 1.7em;
	height: 1.7em;
	font-size: 1.2em;
	color: #171717;
	background: #FFF;
	text-align: center;
	text-decoration: none;
	line-height: 1.7em;
	border-radius: 50%;
	margin-left: .7em;
}

#header_chat_links a:hover, #contact_chat a:hover{
	background: #EC008C;
}



/**Navigation Styles.*/
.menu-toggle{
	position: absolute;
	top: -1.3em;
	right: .6em;
	color: #FFF;
 	box-sizing: border-box;
}

.menu-toggle:hover, #site-navigation .menu-item a:hover{
  color: #EC008C;
}

#site-navigation{
	position: relative;
  	background: #171717;
  	width: 100%;
  	top: 3.4em;
  	z-index: 4;
}

#header-left-menu .menu-item:first-child{
	padding-top: 2.5em;
}

#site-navigation .menu-item a{
  	font-family: seidlitz, sans-serif;
  	font-size: 1em;
  	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	width: 100%;
	padding: .5em 0em .5em 0em;
	box-sizing: border-box;
}

#site-navigation ul > li{
  	display: block;
  	margin: 0em .5em;	
    position: relative;  
}

.navigation ul ul{
	display: none;
	position: relative;
	background: #FFF;
	box-shadow: none;
	left: 0;
	padding: 0em;
	width: 100%;
	box-sizing: border-box;
}

.navigation ul ul ul{
	display: none;
	position: relative;
	box-shadow: none;
	left: 0;
	padding: 0em;
	width: 100%;
	box-sizing: border-box;
}

.navigation ul ul li a, .navigation ul ul ul li a{
 	display: none;
}

#site-navigation .menu-item .sub-menu a{
	border-top: none;
}

.navigation ul li:hover ul li a{
	display: block;
}

.navigation ul li:hover ul ul li a{
	display: none;
}
.navigation ul ul li:hover ul li a{
	display: block;
}

/**Hub Button*/
#hub_button{
	position: fixed;
	top: 50%;
	height: 3.5em;
	width: 3.5em;
	padding: .5em;
	background: #121212;
  	box-shadow: 0 0 15px #000;
	z-index: 3;
}

#hub_button:hover{
	background: #EC008C;
}

#hub_icon img{
	width: 100%;
	height: auto;
}









/**Wrapper*/
#wrapper{
	position: relative;
	width: 100%;
	overflow: hidden;
}



























/**Landing Styles*/
#landing{
	position: relative;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 35em;
	background: #171717;
	box-sizing: border-box;
}

#landing_outer_border{
	position: absolute;
	top: 4em;
	left: 50%;
	width: 90%;
	width: calc(100% - 4em);
	height: 90%;
	height: calc(100% - 6em);
	transform: translateX(-50%);
	border: .2em solid #EC008C;
}

#landing_inner_border{
	position: absolute;
	top: .3em;
	left: .3em;
	width: 100%;
	height: 100%;
	width: calc(100% - .6em);
	height: calc(100% - .6em);
	border: .1em solid #EC008C;
}

#landing_corner_top_left{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 1.5em;
	height: 1.5em;
	border-right: .1em solid #EC008C;
	border-bottom: .1em solid #EC008C;
	z-index: 2;
}

#landing_corner_top_right{
	position: absolute;
	top: 0em;
	right: 0em;
	width: 1.5em;
	height: 1.5em;
	border-left: .1em solid #EC008C;
	border-bottom: .1em solid #EC008C;
	z-index: 2;
}

#landing_corner_bottom_left{
	position: absolute;
	bottom: 0em;
	left: 0em;
	width: 1.5em;
	height: 1.5em;
	border-right: .1em solid #EC008C;
	border-top: .1em solid #EC008C;
	z-index: 2;
}

#landing_corner_bottom_right{
	position: absolute;
	bottom: 0em;
	right: 0em;
	width: 1.5em;
	height: 1.5em;
	border-left: .1em solid #EC008C;
	border-top: .1em solid #EC008C;
	z-index: 2;
}

#landing_center{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	background-image: url("https://whiskeyconsultant.inksplat.dev/wp-content/uploads/2023/04/consultant-background.jpg");
	background-position: center;
	background-size: cover;
}

#landing_overlay{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(23,23,23,.3) 60%, rgba(23,23,23,1));
}

#landing_content{
	position: relative;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -50%);
	font-size: .8em;
}

#landing_content h1{
	font-family: brandongrotesque, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.1em;
	margin: 0;
	text-shadow: 2px 2px #171717;
}	

#landing_content h2{
	font-family: seidlitz, sans-serif;
	color: #FFF;
	font-size: 2.5em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.1em;
	margin: .5em 0em;	
	text-shadow: 2px 2px #171717;
}

.pink{
	color: #EC008C;
}

#landing_content a{
	display: block;
	position: relative;
	left: 50%;
	width: 12.5em;
	font-family: seidlitz, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: .5em 0em;
	border: 5px double #FFF;
	margin-top: 1em;
	background: #EC008C;
	transform: translateX(-50%);
	transition: background 1s;
	animation: pulse 3s infinite;
	box-sizing: border-box;
}

#landing_content a:hover{
	color: #EC008C;
	border: 5px double #EC008C;
	background: #FFF;
}

@keyframes pulse {
  0%{
	transform: translateX(-50%) scale(1);
  }
  30%{
	transform: translateX(-50%) scale(1.1);
  }		  
  50% {
	transform: translateX(-50%) scale(1);
  }
  70% {
	transform: translateX(-50%) scale(1);
  } 
  90% {
	transform: translateX(-50%) scale(1);
  }
}	


/**Headers & Margins.*/
.headers, .fl-heading{
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: .7em;
}

.headers h1, .headers h2{
	color: #FFF;
}

.headers h1, .headers h2, .fl-heading h1, .fl-heading h2{
	font-family: seidlitz, sans-serif;
	font-size: 2.5em;
	margin: 0;
	line-height: 1.1em;
}

.headers h1:after, .headers h2:after, .fl-heading h1:after, .fl-heading h2:after{
	display: block;
	position: absolute;
	bottom: -.1em;
	right: 0em;
	content: "";
	width: 1.5em;
	height: .1em;
	background: #EC008C;
}

.black_headers .fl-heading:after, .black_headers .fl-heading:after{
	background: #FFF !important;	
}
.pink_headers .fl-heading:after, .pink_headers .fl-heading:after{
	background: #000 !important;	
}

.margins{
	position: relative;
	padding: 0em 2em;
	box-sizing: border-box;
}

.about_margins{
	position: relative;
	padding: 0em 2em;
	box-sizing: border-box;
}



/**Section Global*/
section{
	color: #FFF;
}

section p{
	font-family: brandongrotesque, sans-serif;
	font-size: 1.1em;
	line-height: 1.7em;
}

section ul{
	padding-left: 1em;
}

section li{
	line-height: 1.7em;
	margin-bottom: .5em;
}



/**Content Styles.*/
#bb_page_content{
	padding-top: 3.5em;
}

.fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100% !important;
}

.black_background{
	color: #FFF;
}

.pink_background{
	color: #000;
	background: #EC008C;
}

.text_box_padding{
	padding: 1em 0em;
}

.full_image{
	position: relative;
	box-sizing: border-box;
}

.image_borders{
	display: none;
	position: absolute;
	top: 70px;
	left: 10px;
	width: 100%;
	height: 100%;
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	border: 4px double #EC008C;
}


/**Services*/
#Services{
	position: relative;
	padding: 0em 2em;
	box-sizing: border-box;
}

.service_box{
	position: relative;
	padding: 0em 1.5em;
	box-sizing: border-box;
}

.service_icon_circle{
	position: relative;
	left: 50%;
	width: 4.5em;
	height: 4.5em;
	padding: .7em;
	border-radius: 50%;
	background: #EC008C;
	margin-top: 1.5em;
	transform: translate(-50%);
	z-index: 2;
	box-sizing: border-box;
}

.service_icon{
	position: relative;
	width: 100%;
}

.service_icon img{
	width: 100%;
	height: auto;
}

.service_box .fl-heading-text{
	display: block;
	font-family: seidlitz, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	border-top: .3em solid #EC008C;
	padding-top: .6em;
	margin: -.8em 0em 0em 0em;
}

.services_text{
	text-align: center;
}





/**Brands*/
#brands_list{
	padding-top: 1em;
}

.inksplat_brand_name{
	display: none;
}

#brands_top{
	position: absolute;
	top: -2.95em;
	left: 0em;
	width: 100%;
	height: 3em;
	background: #EC008C;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}


/**Testimonial Styles.*/
#Testimonials{
	position: relative;
}

#testimonials_top{
	position: absolute;
	top: -2.95em;
	left: 0em;
	width: 100%;
	height: 3em;
	background: #171717;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

#testimonial_center{
	position: absolute;
	top: 3em;
	left: 50%;
	width: 25%;
	min-width: 15em;
	height: 100%;
	height: calc(100% - 3em);
	background: #EC008C;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#testimonial_block{
	position: relative;
	left: 50%;
	width: 80%;
	padding-top: 1em;
	transform: translateX(-50%);
}

.wptww-avtar-image{
	position: relative;
	left: 50%;
	width: 6em;
	height: 6em;
	border-radius: 50%;
	background: #FFF;
	transform: translateX(-50%);
	margin-bottom: 1em;
}

.wptww-avtar-image img{
	width: 100%;
	height: auto;
}


.fa-quote-left:before{
	font-size: 1.5em;
	color: #0D0D0D;
}

.wptww-testimonials-text p em:before, .wptww-testimonials-text p em:after, .wptww-testimonial-content h4{
	display: none;
}

.wptww-testimonial-client{
	position: relative;
	font-family: seidlitz, sans-serif;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: .7em 0em;
	box-sizing: border-box;
}

.wptww-testimonials-text p em{
	font-family: brandongrotesque, sans-serif;
	font-style: normal;
	font-size: 1.4em;
	color: #FFF;
	padding: 1em 0em;
	line-height: 1.5em;
}





/**Contact Styles.*/
#Contact{
	position: relative;
	padding: 3em 0em;
	box-sizing: border-box;
}

#contact_holder{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: justify;
	align-items: center;
	margin-top: 1em;
	box-sizing: border-box;
}
	
#contact_left{
	width: 100%;
}

.contact_left_box{
	font-family: brandongrotesque, sans-serif;
	background: #171717;
}

.icons{
	font-size: 2em;
	color: #EC008C;
	text-align: center;
}

.contact_info{
	display: block;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
}

.contact_info_link{
	display: block;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

.contact_info_link:hover{
	color: #EC008C;
}

#contact_chat{
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 1.5em;
}

#contact_right{
	width: 100%;
	padding-top: 1.5em;
}

#contact_form{
	position: relative;
	left: 50%;
	width: 90%;
	max-width: 30em;
	padding-top: .5em;
	transform: translateX(-50%);
}

.nf-response-msg{
	font-family: brandongrotesque, sans-serif;
	color: #FFF;
	text-align: center;
	line-height: 1.5em;
}

.nf-form-fields-required , .nf-error-wrap.nf-error, .nf-error-msg.nf-error-field-errors, .nf-field-element:after, .field-wrap label{
	display: none;
}

#nf-field-5-wrap .ninja-forms-field, #nf-field-6-wrap .ninja-forms-field, #nf-field-10-wrap .ninja-forms-field, #nf-field-10-wrap .ninja-forms-field, #nf-field-11-wrap .ninja-forms-field, #nf-field-11-wrap .ninja-forms-field{
	font-family: brandongrotesque, sans-serif;
	color: #FFF;
	padding: 1em 1em;
	background: #222;
	border: none;
	box-sizing: border-box;
}

#nf-field-7-wrap .ninja-forms-field{
	font-family: brandongrotesque, sans-serif;
	color: #FFF;
	height: 7em;
	padding: 1em 1em;
	background: #222;
	border: none;
	box-sizing: border-box;
}

#nf-field-8-wrap label{
	display: block !important;
	font-family: brandongrotesque, sans-serif;
	font-size: .95em;
	color: #FFF;
}

#nf-field-9{
	position: relative;
	width: 100%;
	font-family: seidlitz, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	background: #EC008C;
	text-align: center;
	text-transform: uppercase;
	padding: 0em 1em 0em 1.5em;
	margin-top: .5em;
	border: 1px solid #0D0D0D;
	box-sizing: border-box;
	transition: none;
}

#nf-field-9:hover{
	cursor: pointer;
	color: #000;
	background: #FFF;
}

::placeholder, ::-webkit-input-placeholder{
  color: #FFF;
}

#contact_right h3{
	font-family: seidlitz, sans-serif;
	font-size: 1.8em;
	color: #EC008C;
	text-align: center;
	text-transform: uppercase;
	margin: .5em 0em;
}

#contact_social{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#contact_social a{
	display: inline-block;
	width: 1.7em;
	height: 1.7em;
	font-size: 1.2em;
	color: #171717;
	background: #EC008C;
	text-align: center;
	text-decoration: none;
	line-height: 1.7em;
	border-radius: 50%;
	margin-left: .7em;
}

#contact_social a:hover{
	background: #FFF;
}


/**Footer Styles.*/
#colophon{
	position: relative;
	font-family: brandongrotesque, sans-serif;
	color: #FFF;
	background: #0D0D0D;
	margin-top: 3em;
	box-sizing: border-box;
}

#colophon:before{
    display: block;
	content: " ";
	position: relative;
	top: -2em;
	left: 0em;
	width: 100%;
	height: 2em;
	background: linear-gradient(-45deg, #0D0D0D 16px, black 16px, black 16px,  transparent 0), linear-gradient(45deg, #0D0D0D 16px, transparent 0);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 1.5em 2em;		
}

#footer_top, #footer_bottom{
	position: relative;
	left: 50%;
	width: 90%;
	transform: translateX(-50%);
}

#footer_logo{
	position: relative;
	left: 50%;
	width: 10em;
	transform: translateX(-50%);
	padding-bottom: 1.5em;
}

#footer_logo img{
	width: 100%;
	height: auto;
}

#footer_links li{
	text-transform: uppercase;
	margin: 0em .8em;
}

#footer_links a{
	font-family: seidlitz, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
}

#footer_links a:hover, #footer_legal a:hover{
	color: #EC008C;
}

#footer_social{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 2em 0em;
}

#footer_social a{
	display: inline-block;
	width: 1.7em;
	height: 1.7em;
	font-size: 1.2em;
	color: #171717;
	background: #FFF;
	text-align: center;
	text-decoration: none;
	line-height: 1.7em;
	border-radius: 50%;
	margin-top: .5em;
	margin-left: .7em;
}

#footer_social a:hover{
	background: #EC008C;
}

#footer_legal ul, #footer_links ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer_legal{
	padding-bottom: 1em;
}

#footer_legal li{
	text-transform: uppercase;
	margin: 0em .5em;
}

#footer_legal a{
	font-size: .9em;
	color: #FFF;
	text-decoration: none;
}

#copyright{
	font-size: .8em;
	text-align: center;
	text-transform: uppercase;
}

#copyright a{
	color: #FFF;
	text-decoration: none;
}





/**Page Styles.*/
.pagewrapper{
  position: relative;
  padding: 7em 0em 3.5em 0em;
  box-sizing: border-box;
}

.pagewrapper .entry-title{
  display: none;
}

#page_content h1{
  font-family: seidlitz, serif;
  font-size: 2em;
  color: #FFF;
  text-transform: uppercase;
  margin: 1em 0em .5em 0em;
}

#page_content h2{
  font-family: seidlitz, serif;
  font-size: 1.7em;
  color: #FFF;
  text-transform: uppercase;
  margin: 1em 0em .5em 0em;
}

#page_content h3{
  font-family: seidlitz, serif;
  font-size: 1.5em;
  color: #FFF;
  margin: 1em 0em .5em 0em;
}

#page_content h4 #page_content h5, #page_content h6{
  font-family: seidlitz, serif;
  color: #FFF;
}

#page_content p{
  font-family: brandongrotesque, serif;
  font-size: 1.1em;
  color: #FFF;
  line-height: 1.7em;
  text-align: justify;
  margin-bottom: 1em;
}

#page_content li{
  font-family: brandongrotesque, serif;
  color: #FFF;
  line-height: 1.7em;
  text-align: justify;
  margin-bottom: .5em;
}

#page_content p a, #page_content li a{
  color: #FFF;
  margin-bottom: .2em;
  border-bottom: .1em solid #EC008C;
  text-decoration: none;
}

#page_content p a:hover, #page_content li a:hover{
  color: #EC008C;
}




/**Error Styles.*/
#error_page{
  position: relative;
  height: 80%;
  height: 100vh;
  height: calc(100vh - 15em);
  min-height: 20em;
  box-sizing: border-box;
}

#error_content{
  position: relative;
  top: 50%;
  padding: 0em;
  transform: translateY(-50%);
  box-sizing: border-box;
}

#error_content h1{
  font-family: seidlitz, serif;
  font-size: 7em;
  color: #EC008C;
  text-align: center;
  margin: 0;
}

#error_content h2{
  font-family: brandongrotesque, serif;
  font-size: 1.7em;
  color: #FFF;
  text-align: center;
  margin: 0;
}



/**Media Queries*/

@media only screen and (min-width: 18.75em){


}


@media only screen and (min-width: 20em){

		
}


@media only screen and (min-width: 22em){

	
}
	

@media only screen and (min-width: 25.625em){


}


@media only screen and (min-width: 28em){	



}




@media only screen and (min-width: 30.313em){

	/**Landing Styles*/
	#landing_content{
		font-size: 1em;
	}

	#landing_content a{
		width: 13em;
		font-size: 1.3em;
	}

			
}


@media only screen and (min-width: 33.125em){

	/**Services*/
	.service_box{
		padding: 0em 2.5em;
	}	

}





@media only screen and (min-width: 36.875em){

	/**Masthead Styles.*/
	#logo{
		left: 2em;
	}

	/**Landing Styles*/	
	#landing_content h2{
		font-size: 3em;
		margin: .4em 0em .5em 0em;	
	}

	#landing_content a{
		width: 15em;
		margin-top: 1.7em;
	}

	/**Global Sections*/
	/**Section Global*/
	section p, section li{
		text-align: justify;
	}

}





@media only screen and (min-width: 38.5em){	



}

	
@media only screen and (min-width: 41em){	

	/**Contact*/
	#contact_left_holder{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.contact_left_box{
		width: 33%;
		padding: 1em;
		box-sizing: border-box;
	}

	.contact_left_box:first-of-type, .contact_left_box:nth-of-type(2){
	  border-right: 1px solid #EC008C
	}
	
	
	
}

@media only screen and (min-width: 46em){


			
}






@media only screen and (min-width: 48em){

	/**Headers & Margins*/
	.headers h1, .headers h2{
		font-size: 3em;
	}
	.margins{
		left: 50%;
		width: 80%;
		padding: 0;
		transform: translateX(-50%);
	}

	.sections .margins{
		padding: 0em 2em;
	}

	/**Content Styles.*/
	.image_borders{
		display: block;
	}



}




@media only screen and (min-width: 54em){
	
	/**Masthead Styles*/
	#masthead{
		position: fixed;
	}	

	#header_chat_links{
		right: 2em;
	}


	/**Navigation Styles.*/
	#site-navigation{
		position: absolute;
		left: 50%;
		top:  1.05em;
		width: 40em;
	  	background: none;
	  	transform: translateX(-50%);
	} 

	#site-navigation ul{
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
  	}

	#site-navigation .menu-item{
	    margin: 0em .7em;
	    padding: 0;
	} 

	#site-navigation .menu-item a{
	  	padding: 0em;
	}	


	/**Content Styles.*/
	#bb_page_content{
		padding-top: 4.5em;
	}

	.text_box_padding{
		padding: 2em 0em;
	}




	/**Contact Styles*/
	#Contact{
		padding: 4em 0em 3em 0em;
	}

}






@media only screen and (min-width: 64em){
		
	/**Landing Styles*/	
	#landing_content h2{
		font-size: 4em;	
	}

	/**Headers & Margins*/
	.sections .margins{
		padding: 0em 3.5em;
	}


	/**Footer Styles.*/
	#footer_top{
		position: relative;
		left: 50%;
		display: grid;
  		grid-template-columns: calc(50% - 6em) 12em calc(50% - 6em);
  		align-items: center;
  		width: 90%;
  		max-width: 80em;
  		transform: translateX(-50%);
	}

	#footer_logo{
		padding: 0em 2em;
		order: 2;
	}

	#footer_social{
		padding: 0em 2em;
		order: 3;
	}

	#footer_social a{
		margin-bottom: .7em;
	}

	#footer_links{
		padding: 0em 2em;
		order: 1;
	}

	#footer_links a{
		font-size: 1em;
	}	

	#footer_bottom{
		padding-top: 1em;
	}

	#footer_legal{
		padding-bottom: .5em;
	}
			
}



@media only screen and (min-width: 67em){

}	



@media only screen and (min-width: 70em){

	/**Masthead Styles*/
	#logo{
		left: 4em;
	}

	#header_chat_links{
		right: 4em;
	}

	/**Navigation Styles.*/
	#site-navigation{
		width: 48em;
	} 

	#site-navigation .menu-item a{
	  	margin: 0em .7em;
	}
	

	/**Landing Styles*/	
	#landing_content{
		max-width: 55em;
	}

}




@media only screen and (min-width: 78em){
	/**Contact Styles.*/
	#contact_left{
		padding-right: 1.5em;
		width: 50%;
	}

	#contact_left_holder{
		position: relative;
		left: 50%;
		width: 100%;
		max-width: 50em;
		transform: translateX(-50%);
	}

	.contact_left_box{
		width: 46%;
		margin: 2%;
		padding: 1em;
		height: 14em;
		border: 1px solid #EC008C;
		box-sizing: border-box;
	}

	.contact_left_box_interior{
		position: relative;
		top: 50%;
		width: 100%;
		transform: translateY(-50%);
	}

	#contact_chat{
		display: flex;
		padding: 0;
	}

	#contact_chat a{
		margin: 0em .5em;
	}	
	
	#contact_right{
		padding-left: 1.5em;
		padding-top: 0em;
		width: 50%;
	}

}


@media only screen and (min-width: 80em){
	


	
}


@media only screen and (min-width: 95em){


}

@media only screen and (min-width: 105em){

	
}

@media only screen and (min-width: 115em){

	
}