html {
	height: 100%;
}
body {
	background-image: url(/assets/marble_background.jpg);
	font-family: 'Montserrat', cursive;
}
#photographyRow {
	height: 500px;
	background-image: url(/assets/wave.jpg);
	background-size: cover;
	background-position: center;
}
#photographyHeading {
	font-family: 'Raleway', cursive;
	color: #ffffff;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
#home-header {
  z-index: 1;
  position: relative;
  text-align: center;
  padding-top: 20vh;
}
#clintonRowe {
	font-family: 'Raleway', cursive;
	color: #ffffff;
	font-size: 3.5rem;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8),
		         6px 6px 10px rgba(0, 0, 0, 0.4);
}
#dotcom {
	color: #ffffff;
	font-size: 2rem;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}
@media (max-width: 900px) {
    #clintonRowe {
		font-family: 'Raleway', cursive;
		color: #ffffff;
		font-size: 2.6rem;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8),
			         4px 4px 7px rgba(0, 0, 0, 0.4);
	}
	#dotcom {
		color: #ffffff;
		font-size: 1.5rem;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
	}
}
#big-photo {
	border-left: 1px solid white;
	border-top: 1px solid white;
	box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.5),
		        12px 12px 18px rgba(0, 0, 0, 0.3),
		        17px 17px 28px rgba(0, 0, 0, 0.1);
}
#gallery-image {
	height: 170px;
	border-bottom: 1px solid black;
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5),
		        0 12px 18px rgba(0, 0, 0, 0.3),
		        0 17px 28px rgba(0, 0, 0, 0.1);
}
#gallery-name {
	font-family: 'Averia Serif Libre', cursive;
	font-size: 3.5rem;
	letter-spacing: 0.8rem;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9),
		         4px 4px 6px rgba(0, 0, 0, 0.4),
	             8px 8px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
	#gallery-name {
		font-family: 'Averia Serif Libre', cursive;
		font-size: 2.4rem;
		letter-spacing: 0.4rem;
		color: white;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9),
				     4px 4px 6px rgba(0, 0, 0, 0.4),
	              	 8px 8px 10px rgba(0, 0, 0, 0.1);
	}
}
.card {
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
}
.card:hover {
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7),
		        4px 4px 20px rgba(0, 255, 255, 0.2);
}
#gallery-photo:hover {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7),
		        4px 4px 10px rgba(0, 0, 0, 0.2);
}
#recipe-row1 {
	min-height: 250px;
	color: rgb(160, 160, 160);
}
#recipe-image-column {
	min-height: 250px;
}
#recipe-desc-column {
	background-image: url(/assets/dark_pattern.jpg);
	background-size: cover;
	background-position: center;
}
#recipe-name {
	font-family: 'Righteous', cursive;
	color: rgb(204, 85, 0);
	letter-spacing: 0.15rem;
}
#recipe-desc {
	font-family: 'Source Code Pro', monospace;
	color: rgb(204, 85, 0);
}
#courtesy-of, #serves-cooktime {
	letter-spacing: 0.15rem;
}
#ingredient-item {
	font-family: 'Source Code Pro', monospace;
	color: rgb(204, 85, 0);
}
#method-column {
	background-image: url(/assets/light_background.jpg);
	background-size: cover;
	background-position: center;
}
#method-step:hover {
	color: rgb(204, 85, 0);
}
#bon-appetit {
	background-image: url(/assets/dark_pattern.jpg);
	background-size: cover;
	background-position: center;
	font-family: 'Sarina', cursive;
	letter-spacing: 0.7rem;
	color: rgb(204, 85, 0);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
}
@media (max-width: 768px) {
	#recipe-row1 {
		font-size: 0.85rem;
	}
	#recipe-name {
	font-family: 'Righteous', cursive;
	color: rgb(204, 85, 0);
	font-size: 1.5rem;
	}
	#recipe-desc {
	font-family: 'Source Code Pro', monospace;
	color: rgb(204, 85, 0);
	font-size: 1.0rem;
	}
	#ingredient-heading, #method-heading {
		font-size: 1.0rem;
	}
	#recipe-row2 p {
		font-size: 0.85rem;
	}
	#ingredient-item {
	font-family: 'Source Code Pro', monospace;
	color: rgb(204, 85, 0);
	font-size: 0.85rem;
	}
}