<style>
    body {background-color: white;
          margin: 36px, 36px, 31px;}
    h1   {color: #be1e2d;
          font-size: 32px;
          font-family: "Majesti Banner", serif;}
    h2   {color: #8a8c8f;
          font-size: 24px;
          text-transform: uppercase;
          font-family: "Majesti Banner", serif;}
    h3   {color: #ef4e22;
          font-size: 24px;
          font-family: "Majesti Banner", serif;}
    h4   {color: white;
          font-size: 4px;
          font-family: "Majesti Banner", serif;}
    p    {color: #41393d;
          font-size: 16px;
          font-family: "Athelas", serif;}
    
    ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: white;}

    li {float: right;
        border-right:1px solid gray;}

    li a {
    display: block;
    color: black;
    text-align: center;
    padding: 2px 56.5px;
    text-decoration: none;}

    li a:hover:not(.active) {background-color: #be1e2d;}
    
    a.active {background-color: #be1e2d;}
    
    article {
    margin-top: 25px;
    margin-left: 949.5px;
    border-left: 1px solid gray;
    padding: 13.5px;
    overflow: hidden;}
        
    img {
    width:100%;}

    .clearfix::after {
    content: "";
    clear: both;
    display: table;
    }

    .footer {
        position: relative;
        height: 65px;
        width: 100%;
        background-color: #41393d;
        }

    p.footer {
        position: absolute;
        width: 100%;
        color: white;
        line-height: 18px;
        font-size: 16px;
        text-align: center;
        bottom:0;
        }
    table {
    border: none;
    width: 50%}
.footer table {
}
    th, td {
    text-align: center;
    font-family: "Athelas", serif;
    font-size: 16px;
    color: white;
    padding: 25px
    }


a:link, a:visited {
    color: white;}


a:hover, a:active {
	color: #be1e2d;}

</style>
