/* WEBSITE */
body {
font-family: Georgia, "Times New Roman", serif;
background: #f4efe7;
}

/* DIVS */
#header {
background: #f4efe7;
position: relative;
width: 90%;
max-width: 850px;
margin: auto;
}

#nav {
background: #5b1f2a;
position: relative;
width: 90%;
max-width: 850px;
margin: auto;
color: #ffffff;
padding: 10px 0;
}

#section {
background: #fffdf9;
position: relative;
width: 90%;
max-width: 850px;
margin: auto;
overflow: hidden;
padding: 25px;
box-sizing: border-box;
}

#footer {
background: #5b1f2a;
color: #ffffff;
text-align: center;
position: relative;
width: 90%;
max-width: 850px;
margin: auto;
padding: 10px 0;
}

/* NAV */
#nav ul {
text-align: center;
}

#nav li {
display: inline-block;
padding-right: 25px;
}

#nav a {
color: #ffffff;
text-decoration: none;
}

#nav a:visited {
color: #8b333f;
}

#nav a:hover {
color: #e7c9b7;
font-weight: bold;
}

/* LINKS */
a {
color: #7a2e3a;
font-weight: bold;
}

a:visited {
color: #8b333f;
font-weight: bold;
}

a:hover {
color: #a65d67;
font-weight: bold;
}

/* TEXT */
h1 {
font-size: 32px;
font-weight: normal;
text-align: center;
color: #5b1f2a;
}

h2 {
font-size: 25px;
font-weight: normal;
color: #5b1f2a;
}

h3 {
font-size: 20px;
font-weight: bold;
color: #7a2e3a;
}

p {
font-size: 16px;
font-weight: normal;
line-height: 1.6;
color: #332b28;
}

li {
font-size: 16px;
font-weight: normal;
line-height: 1.6;
}

/* TABLE */
table {
border-collapse: collapse;
width: 90%;
margin: 20px auto;
}

th, td {
border: 1px solid #c9b9ae;
padding: 12px;
text-align: left;
}

th {  
background-color: #5b1f2a;
color: #ffffff;
font-weight: bold;
}

tr:nth-child(even) {
background-color: #f1e5dd;
}

/* IMAGES */
img.float-left {
float: left;
margin-right: 20px;
width: 40%;
padding: 5px;
}

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

img.logo {
width: 65%;
height: auto;
display: block;
margin: 0 auto;
}

/* SIDEBAR */

.sidebar {
background-color: #5b1f2a;
color: #f4efe7;
float: right;
width: 30%;
height: auto;
margin-left: 20px;
margin-right: 0;
}  

.sidebar-bottom {
display: none;
}

@media screen and (max-width: 930px) {

.sidebar {
display: none;
}

.sidebar-bottom {
display: block;
background-color: #5b1f2a;
color: #f4efe7;
width: 30%;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
}
}