/* mobile 
---------------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {
	#logo {
		background: transparent url('../images/logos/max-logo.png') scroll center center no-repeat;
		background-size: 200px 200px;
		width:200px;
		height:200px;
	}

	#birthdays-logo {
		background: transparent url('../images/logos/birthdays-logo.png') scroll center center no-repeat;
		background-size: 300px 50px;
		width:300px;
		height:50px;
	}

	#buy-book a img {
		width: 	75%;
		height: auto;
	}
}


@media only screen and (max-width: 593px) {
	#menu-bar .inner ul.main-menu li {
		margin:0 10px;
	}
	.section {
		padding:30px 20px 30px 20px;
		/* max-width:380px; */
	}	
	h1 {
		font-size: 50px;
		line-height:56px;
	}

	h2 {
		font-size: 36px;
		line-height:44px;
	}

	.title-box {
		text-align:center;
		padding-top:30px;
	}
	ul li {
		font-family: 'the_handblack', sans-serif;
		font-size:22px;
	}
	.contact p {
		font-size: 30px;
		line-height:34px;
	}

	.location p  {
		font-size: 30px;
		line-height:34px;
	}

	.contact .email-link {
	 	display:none;
	}
	.contact .email-mobile {
	 	display:inline;
	}
	.social-link, .map-link {
		font-size:18px;
	}
	.hours .left-side, .hours .right-side {
		display:inline;
	}

	.hours .left-side {
		width:auto;
		padding-right:10px;
		text-align:right;
	}

	.hours .right-side {
		width:auto;
		text-align:left;
	}

	#buy-book a img {
		width: 	100%;
		height: auto;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
	#logo {
		background: transparent url('../images/logos/max-logo@2x.png') scroll center center no-repeat;
		background-size: 260px 260px;		
	}

	#birthdays-logo {
		background: transparent url('../images/logos/birthdays-logo@2x.png') scroll center center no-repeat;
		background-size: 300px 50px;
	}

	@media only screen and (max-width: 1000px) {
		#logo {
			background: transparent url('../images/logos/max-logo@2x.png') scroll center center no-repeat;
			background-size: 200px 200px;
			width:200px;
			height:200px;
		}

		#birthdays-logo {
			background: transparent url('../images/logos/birthdays-logo@2x.png') scroll center center no-repeat;
			background-size: 300px 50px;
			width:300px;
			height:50px;
		}
	}
}

@media (-webkit-min-device-pixel-ratio: 3) {
	#logo {
		background: transparent url('../images/logos/max-logo@3x.png') scroll center center no-repeat;
		background-size: 260px 260px;
	}

	#birthdays-logo {
		background: transparent url('../images/logos/birthdays-logo@3x.png') scroll center center no-repeat;
		background-size: 300px 50px;
	}

	@media only screen and (max-width: 1000px) {
		#logo {
			background: transparent url('../images/logos/max-logo@3x.png') scroll center center no-repeat;
			background-size: 200px 200px;
			width:200px;
			height:200px;
		}

		#birthdays-logo {
			background: transparent url('../images/logos/birthdays-logo@3x.png') scroll center center no-repeat;
			background-size: 300px 50px;
			width:300px;
			height:50px;
		}
	}
}