@charset "UTF-8";
/* CSS Document */
header {
	background-color: #eee3e3;
	border: solid 4px #ce2316;
}

#slogan {
	text-align: center;
	font-size: 1.5em;
	font-style: italic;
	color: #B03333;
}


#logo {
	width: 450px;
	padding: 1%;
}

#group_photo {
	display: block;
	margin: auto;
}

#handwritten {
	font-family: "Shadows Into Light", sans-serif;
	font-size: 1.5em;
}



nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 200px;
}

nav a {
	background-color: #ce2316;
	display: block;
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
	color: white;
	padding: 0.5em;
}

nav a:hover {
	font-size: 1.5em;
	background-color: #EEE3E3;
	color: #B03333;
}

.dropdown a {
	background-color: #ce2316;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	padding: 0.5em;
}

.dropdown-content {
	display: none;
}

table.shop-ver {
	background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSQHChKvRavBpWYJWdB69jRyxn5z8oWxWlIFg&s);
	font-size: 1.2em;
	font-style:oblique;
}

#searchbar {
	border: solid 2px #f84e4e;
}

/* makes dropdown work*/
.dropdown:hover .dropdown-content {
	display: block;
}

.table-title {
	text-align: center;
}

.build {
	display: grid;
	grid-template-columns: 1fr 3fr;
}

main a {
	color: #F84E4E;
}

main a:visited {
	color: #B03333;
}

table {
	border: solid 2px #eee3e3;
	border-collapse: collapse;
}



td {
	width: 40em;
	vertical-align: top;
	text-align: center;
	
}

tr {
	padding: 10px;
}

.menu-background {
	background-color: #ECE0E0;
	border-radius: 25px; 
	display: block;
}



.salontable table {
	border: solid 2px #eee3e3;
	border-collapse: collapse;
}

.salontable td {
	width: 30em;
	vertical-align: top;
}

.pupdeals th {
	font-size: 1.5em;
}

.container {
	display: grid;
	grid-template-columns: 60% 40%;
}

.container div {
	padding: 0 0.5em;
	border: solid 2px #b03333;
	background-color: #eee3e3;
}

.coupons {
	display: grid;
	grid-template-columns: 40% 55%;
}

.moneyprices li {
	list-style-type: circle;
}

#smalldog {
	border: solid 2px #b03333;
}

.cnfcoupon {
	display: grid;
	grid-template-columns: 60% 40%;
}

table, td.testamonials {
	border: solid 1.5px #b03333;
}

td.honey-pls-work {
	background-color: #eee3e3;
}

#duck  {
	color: #F84E4E;
	text-decoration: none;
}


.info li {
	padding: 0.5%;
	list-style-type: none;
}

/* stuff for the form pages form */

.private-lessons-styles {
	display: block;
	width: 50%;
	background-color: #eee3e3;
	padding: 10px;
}

input, select {
	padding: 0px 12px;
	margin: 8px 0px;
	border: solid 1.5px;
}

input #submit {
	width: 30%;
}


.form-button {
	font-size: 20px;
}

.form-button:hover {
	font-size: 150%;
}

legend {
	padding-bottom: 12px;
}

#camount {
	color: red
}

footer {
	background-color: #b03333;
	color: white;
	font-size: 1em;
	padding: 20px;
	text-align: center;
}
/* mobile viewport */
@media screen and (min-width: 480px) {
	.desktop-view {
		display: none;
	}
	nav.mobile-view {
		display: block;	
	}
	
	
	

	.mobile-view-table {
		display: block;
		
	}
	
	
	.mobile-view-index {
		display: block;
	}
	
	.mobile-view-index a {
		color: #F84E4E;
	}
	
	.table-title {
		display: none;
	}
	
	.table-index {
		display: none;
	}
	
	.table-index {
		display: block;
	}
	
	.desktop-salon {
		display: block;
	}
	
	.desktop-salon {
		display: none;
	}
	
	.gallery-container {
	display: grid;
	grid-template-columns: auto;
	padding-left: 2%
}
	
	.mobile-salon {
		display: block;
		
	}
	
	.mobile-salon a {
		color: #F84E4E;
	}
	
}
/* tablet view*/
@media screen and (min-width: 768px) {
	
	
	main.desktop-view {
		display: block;
	}
	
	nav.mobile-view {
		display: none;
	}
	
	nav.desktop-view {
		display: block;
	}
	
	.desktop-view{
		display: block;
	}
	
	.table-title {
		display: block;
	}
	
	.mobile-view-index {
		display: none;
	}
	
	.mobile-view { 
		display: none;
	}
	
	.gallery-container {
	display: grid;
	grid-template-columns: auto auto;
	}
	
}
/* desktop help */
@media screen and (min-width: 1513px) {
	.build {
	display: grid;
	grid-template-columns: 1fr 4fr;
	}
	
	.mobile-view{
		display: none;
	}
	
	.mobile-view-table {
		display: none;
	}
	
	.table-index {
		display: block;
	}
	
	.desktop-salon {
		display: block;
	}
	
	.desktop-view {
		display: block;
	}
	
	.table-title {
		display: block;
	}
	
	nav.desktop-view {
		display: block;
	}
	
	.mobile-salon {
		display: none;
	}
	
	.gallery-container {
	display: grid;
	grid-template-columns: auto auto auto;
}
}.menu-background {
}