/*
	Website Name: Southern Auto Parts, Custom Website
	Designed by: Katherine Leonard, Car-Part.com
	Last updated: 21 May 2024
*/

/* Styling for responsive pages */

@media screen and ( max-width: 1199px ) {
	#mainMenu ul.nav {
		background-color: #fff;
		box-shadow: -3px 3px 3px rgba( 0,0,0,0.7 );
		color: #000;
		min-width: 20ch;
	}
	#mainMenu ul.nav li.desktop {
		display: none;
	}
	#mainMenu ul.nav li.mobile {
		display: block;
	}
}
@media screen and ( max-width: 999px ) {
	#logoBlock.flex-parent-row, #highline.flex-parent-row, section .container.flex-parent-row, #pgFooter .container.flex-parent-row {
		flex-wrap: wrap;
		flex-direction: column;
	}
	#logoBlock .logo, #hdrContact {
		margin: auto;
		text-align: center;
	}
	#hdrContact ul.phones li, #bizPhones ul.phones li {
		display: inline-block;
		padding: 1rem;
	}
	#hero .home h1 {
		font-size: 2rem;
	}
	section.home aside.flex-child-col {
		order: 0;
		width: auto;
		max-width: 340px;
		margin: auto;
		padding-bottom: 2rem;
	}
	section.home main.flex-child-col {
		order: 1;
		width: auto;
		max-width: 100%;
	}
	#hlAddr, #hlContact, #ftrBiz, #ftrDMV, #ftrContact {
		margin: .5rem auto;
		text-align: center;
	}
	#boxNav .flex-box {
		width: calc( 100vw - 6rem );
		margin: .5rem auto;
	}
	#mapPg .mobile {
		display: block;
	}
	#mapPg .desktop {
		display: none;
	}
	#mapBtn {
		text-align: center;
	}
}
@media screen and (max-width: 699px) {
	#pgFooter .block {
		display: block;
		padding: 1rem;
	}
	#pgFooter .divider {
		display: none;
	}
}