/* -------------------------------------------------------------
/
/ Reflex
/ A minimalist's quick-start framework built with CSS Flex.
/
/ reflex-media-queries.css
/ Devices styles for reflex.css
/
/ -------------------------------------------------------------*/

/* -------------------------------------------------------------
/
/ Header Identity Area
/ - Media Queries
/
/ -------------------------------------------------------------*/

@media(max-width:599px) {
	.reflex-header-id-area .logo img {
		display: block;
		max-width: 50%;
		height: auto;
		margin:  0 auto;
	}
}

/* Hide hours on iPad */

@media(max-width:1024px) {
	.reflex-header-id-area .info-area .hours {
		display: none;
	}
}

/* Hide address on phone */

@media(max-width:800px) {
	.reflex-header-id-area .info-area .address {
		display: none;
	}
}

/* Phone layout */

@media(max-width:599px) {
	.reflex-header-top-menu {
		display: none;
	}
	.reflex-header-id-area {
		padding: 15px 0 15px 0;
	}
	.reflex-header-id-area .reflex-container {
		display: block;
	}
	.reflex-header-id-area .logo {
		width: 100%;
		max-width: 100%;
	}
	.reflex-header-id-area .info-area {
		padding: 15px 0 0 0;
	}
	/* Swap order of menu and phone blocks */
	.reflex-header-id-area .info-area .menu {
		order: 1;
	}
	.reflex-header-id-area .info-area .phone {
		order: 2;
	}
}

/* -------------------------------------------------------------
/
/
/ Slick Slider Styles
/
/
/ -------------------------------------------------------------*/

@media(max-width:599px) {
	.slick-slider.with-arrows {
		padding-left: 50px;
		padding-right: 50px;
	}
}

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

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

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

	@media(max-width:1200px) {
		.reflex-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;
	}
}