/* -------------------------------------------------------------
/
/ General media queries 
/
/ -------------------------------------------------------------*/

@media(max-width: 1024px) {
	h1, h2, h3, h4, h5 {
		margin:  0 0 1.28rem 0;
		font-weight: 700;
		line-height: 1.3;
	  }
	  h1 {
		margin-top: 0;
		font-size: 1.802rem;
	  }
	  h2 {font-size: 1.502rem;}
	  
	  h3 {font-size: 1.324rem;}
	  
	  h4 {font-size: 1.166rem;}
	  
	  h5 {font-size: 1.025rem;}
	  
	  small, .text_small {font-size: 0.889rem;}
}

/* -------------------------------------------------------------
/ Nav Menu + Mobile Logo Visibility
/ -------------------------------------------------------------*/

@media(min-width:1025px) {
	nav.site-nav-menu {
		display: flex;
	}
	.site-header-menu-row .menu {
		display: none;
	}
}
@media(max-width:1024px) {
	.site-header-menu-row .menu {
		display: flex;
	}
}
@media(max-width:799px) {
}
/* -------------------------------------------------------------
/ Menu Row Breakpoints
/ -------------------------------------------------------------*/

@media(max-width:1024px) {
	.site-header-menu-row .logo {
		width: 33%;
		justify-content: flex-start;
	}
	.site-header-menu-row .phone {
		width: 33%;
		justify-content: center;
	}
	.site-header-menu-row .menu {
		width: 33%;
	}
}

@media(max-width:800px) {
	.site-header-menu-row {
	}
	.site-header-menu-row .site-container {
		align-content: stretch;
	}
	.site-header-menu-row .phone {
		padding: 15px 0;
		width: auto;
		order: 2;
	}
	.site-header-menu-row .menu {
		width: auto;
		order: 3;
	}
}

@media(max-width: 400px) {
	.site-header-menu-row .phone a {
		font-size: 16px;
	}
}

/* -------------------------------------------------------------
/ Header Announcement Banner
/ -------------------------------------------------------------*/

@media(max-width:1200px) {
	.site-header-announcement-banner .site-container {
		padding-left:30px;
		padding-right:30px;
	}
}

/* -------------------------------------------------------------
/ Container
/ -------------------------------------------------------------*/

@media(max-width:1200px) {
	.site-container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* -------------------------------------------------------------
/ Footer
/ -------------------------------------------------------------*/

/* Collapse fine print section on phone */

@media(max-width:599px) {
	footer .fine-print {
		display: block;
	}
	footer .fine-print p {
		line-height: 2em;
	}
}

/* -------------------------------------------------------------
/
/ New Custom Decks
/ Header Media Queries
/
/ -------------------------------------------------------------*/

/* -------------------------------------------------------------
/ Adjust nav menu size < 1200px
/ -------------------------------------------------------------*/

@media(max-width:1200px) {
	.site-nav-menu ul > li > a {
		font-size: 14px;
	}
}

/* -------------------------------------------------------------
/ Disable header links < 900px
/ -------------------------------------------------------------*/

@media(max-width:900px) {
	.site-header-top-row .links {
		display: none;
	}
	.site-header-top-row .phone {
		padding-right: 0;
		border: none;
	}
}

/* -------------------------------------------------------------
/ Disable header location links < 700px
/ -------------------------------------------------------------*/

@media(max-width:700px) {
	.site-header-top-row .locations li:not(:first-of-type) {
		display: none;
	}
}

/* -------------------------------------------------------------
/ Disable header locations < 400px
/ -------------------------------------------------------------*/

@media(max-width:400px) {
	.site-header-top-row .locations {
		display: none;
	}
	.site-header-top-row .phone {
		margin: 0 auto;
	}
	.site-header-top-row .phone li {
		font-size: 20px;
	}
}

/* -------------------------------------------------------------
/
/ New Custom Decks
/ Homepage Media Queries
/
/ -------------------------------------------------------------*/

/* -------------------------------------------------------------
/ .home-banner
/ -------------------------------------------------------------*/

@media(max-width:1024px) {
	.home-banner {
		height: auto;
	}
	.home-banner .site-container {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.home-banner .text {
		padding: 30px;
		width: auto;

	}
}
@media(max-width:800px) {
	.home-banner h1 {
		font-size: 35px;
	}
	.home-banner p {
		font-size: 20px;
	}
}
@media(max-width:600px) {
	.home-banner .text {
		margin: 0 auto;
		text-align: center;
	}
	.home-banner h1 {
		font-size: 30px;
	}
	.home-banner p {
		font-size: 20px;
	}
}

/* -------------------------------------------------------------
/ .home-form
/ -------------------------------------------------------------*/

@media(max-width:800px) {
	.home-form form {
		display: block;
	}
	.home-form .gform-body ul {
		width: 100%;
		display: block;
	}
	.home-form .gform-body ul > li {
		margin: 0 0 15px 0;
	}
}

/* -------------------------------------------------------------
/ .home-locations
/ -------------------------------------------------------------*/

@media(max-width:1024px) {
	.home-locations {
		padding: 45px 0;
	}
	.home-locations .site-container {
		display: block;
	}
	.home-locations h3 {
		text-align: center;
		margin: 0 0 30px 0;
	}
	.home-locations ul {
		display: flex;
		width: 100%;
	}
	.home-locations ul li {
		flex-grow: 1;
		text-align: center;
	}
	.home-locations ul li a {
		border: none;
		padding: 0;
	}
	.home-locations ul > li:not(:last-of-type) {
		border: none;
		margin: 0;
	}
}
@media(max-width:600px) {
	.home-locations ul {
		display: block;
	}
}

/* -------------------------------------------------------------
/ .home-services-grid
/ -------------------------------------------------------------*/

@media(max-width:900px) {
	.home-service-grid .site-grid,
	.pricing-grid .site-grid,
	.portfolio-grid .site-grid {
		grid-template-columns: repeat(2, 2fr);
	}
}
@media(max-width:600px) {
	.home-service-grid .site-grid,
	.pricing-grid .site-grid,
	.portfolio-grid .site-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* -------------------------------------------------------------
/ .home-why-us
/ -------------------------------------------------------------*/

@media(max-width:800px) {
	.home-why-us .site-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.home-why-us .site-grid .text {
		padding: 45px;
		order: 1;
	}
	.home-why-us .site-grid .img {
		height: 500px;
		order: 2;
	}
}

/* -------------------------------------------------------------
/ .home-pricing
/ -------------------------------------------------------------*/

@media(max-width:800px) {
	.home-pricing .site-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.home-pricing .site-grid .text {
		padding: 45px;
		order: 1;
	}
	.home-pricing .site-grid .img {
		height: 500px;
		order: 2;
	}
}

/* -------------------------------------------------------------
/ .home-portfolio
/ -------------------------------------------------------------*/

@media(max-width:1024px) {
	.home-portfolio p {
		width: 100%;
	}
}
@media(max-width:900px) {
	.home-portfolio .site-grid {
		grid-template-columns: repeat(1, 1fr);
		padding-top: 90px;
	}
	.home-portfolio .site-grid .column {
		padding: 0;
	}
	.home-portfolio .portfolio {
		margin: 0 0 90px 0;
	}
}
@media(max-width:500px) {
	.home-portfolio .portfolio {
		margin: 0 0 45px 0;
	}
	.home-portfolio .text {
		left: 0;
		right: 0;
		position: relative;
		padding: 0 0 0 15px;
		box-shadow: none;
	}
	.home-portfolio .solid {
		margin-top: 45px;
	}
}

/* -------------------------------------------------------------
/ .home-reviews
/ -------------------------------------------------------------*/

@media(max-width:600px) {
	.home-reviews h2 {
		font-size: 30px;
		letter-spacing: 0;
	}
	.home-reviews .slick-slider.with-arrows {
		padding: 0;
	}
}

/* -------------------------------------------------------------
/ .home-counters
/ -------------------------------------------------------------*/

@media(max-width:900px) {
	.home-counters .block:not(:last-of-type) {
		margin: 0 0 45px 0;
	}
}

/* -------------------------------------------------------------
/ .home-recent-posts
/ -------------------------------------------------------------*/

@media(max-width:900px) {
	.home-recent-posts p br {
		display: none;
	}
}
@media(max-width:500px) {
	.home-recent-posts h2 {
		font-size: 30px;
	}
}