body
{padding:0;
margin:0;}

nav
{display:flex;
background:#832e2f;
border-top: 10px solid #333;
border-bottom: 10px solid #333;
margin:0;
padding:0}

#title
{width:59.7%;
margin-top:10px;}

#title a
{text-decoration:none}

#title span
{margin-left:10px;
color:#ccc;
font:15px Rockwell;}

#title h1
{font-family:Rockwell;
color:#eee;
margin: 0 0 0 10px;}

nav ul
{width:40%;
padding:0;
margin:0;
list-style-type:none;
display:flex;}

nav li
{width:25%;}

nav ul a
{display:block;
width:100%;
text-align:center;
text-decoration:none;
color:#eee;
font:20px 'Tw Cen MT';
padding:20px 0;
border-left: 2px solid #333;
transition:background 0.5s;
-moz-transition:background 0.5s;
-webkit-transition:background 0.5s;}

nav ul a:hover
{background:#333;
transition:background 0.5s;
-moz-transition:background 0.5s;
-webkit-transition:background 0.5s;}

#on
{background:#333}

#content-holder
{background:#eee;
padding:0;
margin:0;}

#content
{width:70%;
margin:0 auto;
padding:20px 0;}

#content ul
{list-style-type:none;
padding:0;
margin:0;}

#content li
{margin-top: 50px;}

#content img
{width:100%;
border: 3px solid #333}

#content a
{text-decoration:none;
color:#333;
text-align:center;}

#content h3
{margin:5px;
font: 30px Rockwell;}

#content p
{font: 20px 'TW Cen MT';
text-align:center}

#content .link
{color:#832e2f}

footer
{background:#832e2f;
display:flex;
border-top: 10px solid #333;
border-bottom: 10px solid #333;}

footer span
{display:block;
width:67%;
font: 15px 'TW Cen MT';
color:#ccc;
padding: 15px;}

footer ul
{width:30%;
padding:0;
margin:0;
list-style-type:none;
display:flex;}

footer li
{width:25%;
padding:5px}

footer ul a
{display:block;
width:100%;
text-align:center;
text-decoration:none;
color:#eee;
font:15px 'Tw Cen MT';
padding:3px;
border-bottom:5px solid #832e2f;
transition:border 0.5s;
-moz-transition:border 0.5s;
-webkit-transition:border 0.5s;}

footer ul a:hover
{border-bottom:5px solid #333;
transition:border 0.5s;
-moz-transition:border 0.5s;
-webkit-transition:border 0.5s;}