/* > 1200px */
@media (min-width: 1200px) {
	.container {
		width:1200px;
		margin:0 auto;
	}
	nav ul li img {
		max-width:300px;
	}
	.home-image {
		background-size:contain;
	}
}

/* < 1200px */
@media (max-width: 1199px){
	.container {
		width:calc(100% - 50px);
		margin:0 25px;
	}
	nav ul li img {
		min-width:100px;
		max-width:35%;
	}
	.home-image {
		background-size:cover;
	}
	.home-image, .home-image img {
		min-height:40vh;
	}
}
/* < 900px */
@media (max-width: 899px) {
	.row {
		display:block !important;
	}
	.left, .right {
		width:100% !important;
		padding: 10px 0 !important;
	}
}

/* general styles */
body {
	background-color: #e2e2e3;
	margin:0;
	font-family: 'Montserrat', sans-serif;
}
.container {
	position:relative;
	z-index: 1;
}
p, a {
	color:#362f2d;
}
a:hover {
	text-decoration: none;
}
.hide-it {
	display:none;
}
.row {
	width:100%;
	display:flex;
	padding:0;
	margin:0;
}
.left, .right {
	width:48%;
	padding: 0 1%;
}
.left {
	display:inline-block;
}
.right {
	display:flex;
}
.fuzzy-image {
	box-shadow: 0 0 40px 30px #e2e2e3 inset;
	border-radius: 30px;
	background-position: center;
	background-repeat: no-repeat;
	width:100%;
	display:inline-block;
	background-size:contain;
}

/* nav styles */
nav ul {
	display:flex;
	width:100%;
	padding: 0;
}
nav ul li {
	list-style: none;
	margin:auto;
	text-align: center;
	min-width:80px;
}
nav ul li a {
	text-decoration: none;
	color:#362f2d;
	text-transform: uppercase;
}
nav ul li a:hover {
	text-decoration: underline;
}
.active {
	font-weight:bold;
}

/* home page */
.home-image {
	background-image:url('images/home.jpg');
	width:100%;
	box-shadow: 0 0 40px 30px #e2e2e3 inset;
	border-radius: 30px;
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:-50px;
}
.home-image img, .fuzzy-image img {
	opacity: 0;
	width:100%;
}

/* menu page */
.beverages-image {
	background-image:url('images/beverages.jpg');
}
.scoops-image {
	background-image:url('images/scoops.jpg');
}
.sandwiches-image {
	background-image:url('images/sandwiches.jpg');
}
.beverages-text, .scoops-text, .sandwiches-text {
	margin: auto 0;
}
.categories {
	display:inline-block;
	text-align:center;
	width:100%;
	padding-top:20px;
}
.categories a {
	cursor:pointer;
	text-decoration: underline;
}
.categories a:hover {
	text-decoration: none;
}

/* contact page */
.contact-image {
	background-image:url('images/contact.jpg');
}

/* footer */
footer {
	text-align:center;
	padding-bottom:50px;
}