/*
	Website Name: Cypress Auto Salvage
	Designed by: Katherine Leonard, Car-Part.com
	Version: 2.0
	Modified by: Gail Rider, Katherine Leonard
	Last updated: 16 Aug 2024
*/

/* Styling for responsive pages */
#mainMenu ul.nav li.mobile {
	display: none;
}
.container {
	width: auto;
	max-width: 1200px;
}

@media screen and ( max-width: 1199px ) {
	#mainMenu ul.nav {
		background-color: #00142b;
		color: #fff;
	}
	#menuBtn span.hamburger {
		background-color: #00142b;
	}
	#mainMenu ul.nav li.desktop {
		display: none;
	}
	#mainMenu ul.nav li.mobile {
		display: block;
	}
	#iconNav {
		display: none;
	}
}
@media screen and ( max-width: 999px ) {
	#hero {
		background-attachment: scroll;
	}
	#hero.home {
		height: 50vw;
	}
	#hero h1 {
		font-size: 2rem;
		max-width: 100%;
	}
	#hero.flex-parent-row, #hero.flex-parent-col, #hero .flex-child-col {
		flex-wrap: wrap;
	}
	section.home {
		background: #fff;
	}
	h1.callout {
		font-size: 1.5rem;
	}
	#highline.flex-parent-row, section .container.flex-parent-row, section.home .flex-parent-row, #pgFooter .container.flex-parent-row {
		flex-wrap: wrap;
		flex-direction: column;
	}
	#highline.flex-parent-row .flex-child-col {
		padding: .75rem 0;
	}
	section.home aside.flex-child-col {
		order: 0;
		width: 100%;
		max-width: 100%;
		margin: auto;
	}
	section.home main.flex-child-col {
		order: 1;
		width: auto;
		max-width: 100%;
	}
	#ftrBiz, #ftrDMV, #ftrContact {
		margin: .5rem auto;
		text-align: center;
	}
}
@media screen and (max-width: 699px) {
	#pgFooter .block {
		display: block;
	}
	#pgFooter .divider {
		display: none;
	}
}