* {
	margin: 0;
	padding: 0;
	border: 0;
}

.mobile {
	display: block;
}

.tablet-desktop {
	display: none;
}

p {
	font-family: 'Courier New';
}

header {
	background-color: black;
	font-size: 30px;
	font-family: 'Courier New', Courier, monospace;
}

img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

header img {
	margin: 0 auto;
}

/* Nav styles */
#menu-links {
	display: none;
}

nav {
	font-size: 30px;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav li {
	text-align: center;
}
nav a {
    display: block;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 1.5em;
}

/* Style rules for hamburger menu */
.mobile-nav a {
    text-align: center;  
    font-size: 1.5em;
    display: block;
}

.mobile-nav a.menu-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

body {
	background-image: url(images/space\ background.jpg);
}

.icon {
	color: white;
}

p {
	text-align: center;
	background-color: white;
	border-radius: 20px;
	max-width: 80%;
	margin: 0 auto;
	padding: 20px;
}

.unordered-list {
	text-align: center;
	background-color: white;
	border-radius: 20px;
	max-width: 80%;
	margin: 0 auto;
	padding: 20px;
	font-family: 'Courier New';
}

h1 {
	text-align: center;
	background-color: white;
	border-radius: 20px;
	max-width: 80%;
	margin: 0 auto;
	padding: 20px;
	font-family: 'Courier New';
}

footer {
	background-color: black;
	color: white;
	text-align: center;
	font-family: 'Courier New';
}

footer img {
	margin:  0 auto;
}

.footer-desktop {
	display: none;
}

footer a {
	color: white;
	text-decoration: none;
}

.testimonials {
	display: grid;
	grid-template-columns: auto auto auto;
	
}

.flavors {
	background-color: black;
	color: white;
	border-radius: 20px;
	max-width: 80%;
	margin: 0 auto;
	padding: 20px;
}

.desktop-flavors {
	display: none
}

.grid {
	display: none;
}

.limited {
	display: none;
}

.edition {
	display: none;
}

form {
	text-align: center;
	background-color: #8a79e0;
	border-radius: 20px;
	max-width: 80%;
	margin: 0 auto;
	padding: 20px;
	font-family: 'Courier New';
}

.submit {
	background-color: white;
	padding: 13px;
	font-family: 'Courier New';
	color: black;
	font-size: 15px;
}

.submit:hover {
	background-color: #51439b;
	color: white;
}

@media screen and (min-width: 600px) {
	.mobile, .mobile-nav {
		display: none;
	}
	
	.tablet-desktop {
		display: block;
	}

	/* Navigation styles for tablet/desktop*/
	nav ul {
		display: grid;
		grid-template-columns: auto auto auto auto auto;
	}
	
	nav a:hover {
	background-color: white;
	color: black;
	}
	
	nav ul li:hover > ul {
		display: block;
		width: inherit;
	}
	
	nav ul ul {
		display: none;
		position: absolute;
	}
	
	nav ul ul li {
		width: auto;
	}

	.mobile-flavors {
		display: none;
	}

	.grid {
		display: grid;
		grid-template-columns: auto auto auto;
		padding-left: 30px;
		padding-right: 30px;
	}

	.grid p {
		margin: 90px;
	}

	.limited {
		display: grid;
		grid-template-columns: auto auto auto auto auto;
	}

	.edition {
		display: block;
		color: white;
		background-color: black;
	}

	.desktop-flavors {
		display: block;
		margin: 0 auto;
	}

	.shaky-knees {
		width: 300px;
	}

	.footer {
		display: none;
	}

	footer a:hover {
		color: #ae8cda;
	}

	.footer-desktop {
		display: grid;
		align-items: left;
		grid-template-columns: auto auto auto;
	}

	.footer-desktop-img, .footer-img {
		text-align: left;
		margin-left: 30px;
	}

	.footer-nav {
		text-align: left;
		margin-left: 00px;
	}

	.footer-contact {
		text-align: left;
		margin-right: 10px;
	}
	
	
}