body {
background-color: #f0ead6;
text-align: center;
color: #390f0f;
}

.wrapper {
margin: auto;
width: 1200px;
border: 1px solid #390f0f;
}

.content {
display: flow-root;
margin: auto;
width: 1146px;
margin-top: 20px;
margin-bottom: 30px;
border: 0px solid #390f0f;
border-radius: 5px;
}

.header {
margin: auto;
width: 650px;
height: 75;
}

.footer {
margin: auto;
width: 600px;
}

.bannerImages {
width: 32px;
height: 75px;
filter: drop-shadow(1px 2px 4px rgba(57,15,15, 0.6));
}

.thumbnail {
float: left;
width: 175px;
font-size: 80%;
text-align: center;
margin: 7px;
padding-bottom: 2px;
background-color: #ffffff;
filter: drop-shadow(1px 2px 4px rgba(57,15,15, 0.6));

border: 1px solid #390f0f;
border-radius: 5px;
}

.thumbnailImage {
margin: 2px 4px 2px 4px;
}

.thumbnailImage:hover {
opacity: 0.10;
transition: 0.8s;
}

.bottle {
float: left;
margin-right: 20px;
border: 1px solid #390f0f;
}

.selfie {
width: 175px;
height: 175px;
float: left;
border: 1px solid #390f0f;
border-radius: 5px;
box-shadow: 1px 2px 5px #390f0f;
margin-right: 25px;
margin-bottom: 15px;
}

.about-me {
width: 700px;
margin: auto;
text-align: justify;
}

a.nav:link, a.nav:visited {
background-color: #f0ead6;
color: #390f0f;
border: 1px solid #390f0f;
padding: 3px 6px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a.nav:hover, a.nav:active {
background-color: #390f0f;
color: #f0ead6;
}

.col1 {
font-weight: bold;
width: 95px;
}