/** Define the rem units here **/
@media all and (min-width: 1025px) {
	html{font-size: 20px;}
	body{font-size: 20px;}
}
@media all and (max-width: 1024px) {
	html{font-size: 18px;}
	body{font-size: 18px;}
}
@media all and (max-width: 768px) {
	html{font-size: 16px;}
	body{font-size: 16px;}
}
@media all and (max-width: 550px) {
	html{font-size: 16px;}
	body{
		-webkit-text-size-adjust: none; 
		font-size: 16px;}
}
@media all and (max-width: 479px) {
	html{font-size: 16px;}
	body{
		-webkit-text-size-adjust: none;
		font-size: 16px;}
}

/** The mobile menu stuff **/
/*
.mobile_menu_bar::before, 
.mobile_menu_bar:after {
	color: #d00;
}
*/


.responsive-fw-slider.et_pb_section .et_pb_slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description h2.et_pb_slide_title {
	font-size: 3rem;
}

.responsive-fw-slider.et_pb_section .et_pb_slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {
	font-size: 1rem;
	line-height: 1.6;
}

.checkerboard.et_pb_section .et_pb_row .text-col.et_pb_column {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}
.checkerboard.et_pb_section .et_pb_row .text-col.et_pb_column .et_pb_text .et_pb_text_inner {
	text-align: center;
}
.button-flex.et_pb_section .et_pb_row .et_pb_column {
	display:flex;
	justify-content: center;
}
.button-flex.et_pb_section .et_pb_row .et_pb_column .et_pb_module {
	margin: 0 .5rem;
}
.call-2-action.et_pb_section.stay-horizontal-back .et_pb_row .et_pb_column .et_pb_module {
	display: flex;
	justify-content: center;
	align-items: center;
}

.call-2-action.et_pb_section.stay-horizontal-back .et_pb_row .et_pb_column .et_pb_module .et_pb_promo_description {
	padding-bottom: 0px;
	width: 67%;
	padding-right: 1rem;
}
.call-2-action.et_pb_section.stay-horizontal-front .et_pb_row .et_pb_column .et_pb_module {
	display: flex;
	justify-content: center;
	align-items: center;
}
.call-2-action.et_pb_section.stay-horizontal-front .et_pb_row .et_pb_column .et_pb_module .et_pb_button_wrapper {
	order: 1;
}
.call-2-action.et_pb_section.stay-horizontal-front .et_pb_row .et_pb_column .et_pb_module .et_pb_promo_description {
	order: 2;
	padding-bottom: 0px;
	width: 67%;
	padding-left: 1rem;
}
#main-footer .footer-3col {
	padding-top: 2rem;
	padding-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#main-footer .footer-3col .footer-col1 {
	order: 1;
}
#main-footer .footer-3col .footer-col2 {
	order: 2;	
}
#main-footer .footer-3col .footer-col3 {
	order: 3;
}


/*** Any self-respecting desktop ***/
@media all and (min-width: 1200px) {
}

/*** For the people who love to resize or keep windows open haphazardly ***/
@media all and (min-width: 1025px) and (max-width: 1200px) {
}

/*** Most of the mobile devices ***/
@media all and (max-width: 1024px) {
}

@media all and (min-width: 981px) {
	
/* This section of code is for 
	the default header on desktop and 
	slide in menu for mobile
	Just take the code below and uncomment it. 

@media all and (min-width: 981px) {
	.et_header_style_slide #top-menu-nav {
		display: block;
	}
	.et_header_style_left #et-top-navigation nav > ul > li > a {
		padding-top: 14px;
		padding-bottom: 14px;
	}
	.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu {
		display: none;
	}
}
*/

}

/*** The Divi Breakpoint ***/
@media all and (max-width: 980px) {
	/** This section is for the centered logo

	.et_header_style_split #main-header {
    	padding: 0;	}
	#logo { 
		float: left;}
	#main-header .mobile_nav {
		background-color: transparent!important;}
	.mobile_nav .select_page {
		display: none !important;}
	.et_header_style_split #logo { 
	    padding-bottom: 20px;}


	.mobile_menu_bar.et_pb_header_toggle.et_toggle_slide_menu {
		display: block;
	}
	**/


	.flex-banner-2col.et_pb_section .et_pb_row {
		display: flex;
	}
	.flex-banner-3col.et_pb_section .et_pb_row {
		display: flex;
		flex-wrap: wrap;
	}
	.flex-banner-3col.et_pb_section .et_pb_row .larger-one.et_pb_column {
		width: 100%;
	}
	.flex-banner-3col.et_pb_section .et_pb_row .smallerones.et_pb_column {
		width: 50% !important;
	}
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content {
		display: flex;
	}
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
		width: 70px;
	}
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_container {
		padding-left: 1rem;
		text-align: left;
	}
	.new-blurb.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_description {
		text-align: left;
	}

}

/*** iPad landscape and more resizers ***/
@media all and (min-width: 769px) and (max-width: 1024px) {
}

/*** iPad portrait and below ***/
@media all and (max-width: 768px) {
	.checkerboard.et_pb_section .et_pb_row {
			display: flex;
		}
	.portrait-person.et_pb_section .et_pb_row .et_pb_column .et_pb_module {
		display: flex;
	}
	.portrait-person.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_team_member_image {
		margin: 0 1rem 1rem 0;
	}
}

/*** iPad portrait and more resizers ***/
@media all and (min-width: 480px) and (max-width: 768px) {
	
	.checkerboard.et_pb_section .et_pb_row .et_pb_column {
		width: 50% !important;
	}
	.checkerboard.et_pb_section .reversed-order.et_pb_row .text-col.et_pb_column {
		order: 1;
	}
	.checkerboard.et_pb_section .reversed-order.et_pb_row .image-col.et_pb_column {
		order: 2;
	}
	.checkerboard.et_pb_section .et_pb_row .text-col.et_pb_column .et_pb_text .et_pb_text_inner h1 {
		font-size: 1rem;
		line-height: 1.3;
	}
	.checkerboard.et_pb_section .et_pb_row .text-col.et_pb_column .et_pb_text .et_pb_text_inner p {
		font-size: .8rem;
		line-height: 1.4;
	}
}


/*** Regular sized phones for non-Shaq sized people ***/
@media all and (max-width: 479px) {
	.responsive-fw-slider.et_pb_section .et_pb_slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description h2.et_pb_slide_title {
		font-size: 2.5rem;
	}
	.checkerboard.et_pb_section .et_pb_row {
		flex-wrap: wrap;
	}
	.checkerboard.et_pb_section .reversed-order.et_pb_row .text-col.et_pb_column {
		order: 2;
	}
	.checkerboard.et_pb_section .reversed-order.et_pb_row .image-col.et_pb_column {
		order: 1;
	}
	.button-flex.et_pb_section .et_pb_row .et_pb_column {
		flex-wrap: wrap;
	}
	.button-flex.et_pb_section .et_pb_row .et_pb_column .et_pb_module {
		margin: .5rem 0;
		width: 100%;
	}
	.button-flex.et_pb_section .et_pb_row .et_pb_column .et_pb_module a {
		text-align: center;
	}
	.call-2-action.et_pb_section.stay-horizontal-front .et_pb_row .et_pb_column .et_pb_module .et_pb_button_wrapper a {
		font-size: .9rem;
	}
	.call-2-action.et_pb_section.stay-horizontal-front .et_pb_row .et_pb_column .et_pb_module .et_pb_promo_description h1 {
		font-size: 1.2rem;
	}
	.two-by-two.et_pb_section .et_pb_row {
		display: flex;
	}
	.two-by-two.et_pb_section .et_pb_row .half-on-mobile.et_pb_column {
		width: 50% !important;
	}
	.two-by-two.et_pb_section .et_pb_row .half-on-mobile.et_pb_column .et_pb_module span.percent-value {
		font-size: 3rem;
	}
	.double-column-portfolio.et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.double-column-portfolio.et_pb_section .et_pb_row .et_pb_column .et_pb_grid_item:nth-child(n), .double-column-portfolio.et_pb_section .et_pb_row .et_pb_column .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n) {
		width: 48% !important;
	}
	.shop-module.et_pb_section .et_pb_row .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), 
	.shop-module.et_pb_section .et_pb_row .et_pb_column .woocommerce ul.products li.product:nth-child(n), 
	.shop-module.et_pb_section .et_pb_row .woocommerce-page ul.products li.product:nth-child(n) {
		width: 48% !important;
	}

	.shop-module.et_pb_section .et_pb_row .et_pb_column .et_pb_module .woocommerce ul.products {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
		display: none;
	}
	#main-footer .footer-3col {
		flex-wrap: wrap;
	}
	#main-footer .footer-3col .footer-col1 {
		text-align: center;
		width: 100%;
		order: 2;
	}
	#main-footer .footer-3col .footer-col2 {
		text-align: center;
		padding: 1rem 0;
		width: 100%;
		order: 1;	
	}
	#main-footer .footer-3col .footer-col3 {
		text-align: center;
		width: 100%;
		order: 3;
	}
}
