img {
  max-width: 100%;
  height: auto;
}

html{
  height: 100vh;
}

body {
	background-color: #771d41;
	}

#sandwich {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	min-height: 100%;
	margin: auto;
}

#bread1 {
	max-width: 100%;
	background: linear-gradient(35deg, #e9c5c3, #4e132b);
	color: #df834e; 
	text-align: right;
	font-family: monospace;
}

#fillings {
  max-width: 100%;
	color: #771d41;
	font-family: Georgia, serif;
	font-size: 1.0em;
	text-transform: lowercase;
	padding: 15px 10px 15px 10px;
	background-color: #e9c5c3;
}

#bread2 {
	font-size:0.9em;
	font-family:'Ambitsek', monospace;
	color: #4e132b;
	max-width: 100%;
	background-color: #e9c5c3;
	text-align: center;
	line-height: 30px;
}

hr {
	border: 2px solid #771d41
}

a:link{
	color: #57260a; 
}

a:visited{
	color: #074146; 
}

a:hover {
	color: #df834e; 
}

a:active {
	color: #df834e; 
	background-color: #771d41;
}

h1 {
	font-size: 1.5em;
	font-family: 'Ambitsek', monospace;
}

h2 {
	font-size: 2.0em;
	font-family: 'Ambitsek', monospace;
}

h3 {
	font-size: 0.5em;
	font-family: 'Ambitsek', monospace;
	font-style: italic;
}

h4 {
	font-size: 1.2em;
	font-family: 'Ambitsek', monospace;
}