body { background:PaleGoldenrod;
	font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
/*	font-size: 1.125em; */
}
.flex-container { display: -webkit-flex;
    display: flex;  
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
}
.flex-container > * {
    padding: 15px;
    -webkit-flex: 1 100%;
    flex: 1 100%;
} 
.article { text-align: left;
}
.nav ul { list-style-type: none;
    padding: 0;
}
.nav ul a { text-decoration: none;
}
.contact { color:black;
}
.offer {
	color:red;
	font-size:40px;
}
.addendum {
	color:blue;
	font-size:20px;
}
.header { width: 100px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
header img { display: inline-block;
	margin-right:20px;
	margin-left: 20px;
}
@media all and (min-width: 768px) {
    .nav {text-align:left;-webkit-flex: 1 auto;flex:1 auto;-webkit-order:1;order:1;}
    .article {-webkit-flex:5 0px;flex:5 0px;-webkit-order:2;order:2;}
    footer {-webkit-order:3;order:3;}
}
table { width: 100%;
	border: 1px solid black;
}
td { text-align: center;
}
.tdprefix {
	text-align: center;
	width: 10%;
}
.photos li { list-style-type: none;
	 display: inline-block;
	 padding:0px;
	 margin:0px;
}
a { color:black;
}
ul { list-style-type: square;
}
h1 { color:Maroon;
}
h2 { color:DarkSlateGray;
}

img { display: block;
    margin: 0 auto;
}
hr { color: #334d00;
	background-color:#334d00;
	display: block;
	border-width: 0px;
	height: 5px;
}
.menu { list-style: none;
	text-align: center;
	width:100%;
    margin: auto;
    padding: 0;
    background-color: #C8B414;
	font-size: 1.125em;
/*	font-size: 16pt; */
}
.menu li { display: inline;
    margin: 1px;
	padding: 0;
}
.menu a { display: inline-block;
	color: black; 
	padding: 1px 12px; 
	text-decoration: none; 
	border-radius: 10px;
}
.menu li a:hover { background-color: #334d00; 
	color:white;
}
footer {background: #C8B414;
	color:white;
}