body {
    background-color: rgb(216, 198, 184);
    }

@font-face {
    font-family: 'KlinicSlabBook';
    src: local('KlinicSlabBook'), url('Media/KlinicSlabBook.otf');
    
}

@font-face {
    font-family: 'Goudy Old Style';
    src: local('Goudy Old Style'), url('Media/GoudyOldStyle.otf');
    
}

h1 {
    font-family: 'KlinicSlabBook';
    color: rgb(124, 87, 63);
    font-size:18px;     
}

h2 {
    font-family: 'Goudy Old Style';
    color: rgb(95, 19, 18);
    font-size:16px;     
}

h3 {
    font-family: 'KlinicSlabBook';
    color: rgb(207, 28, 68);
    font-size:14px;   
}

h4 {
    font-family: 'KlinicSlabBook';
    color: rgb(207, 28, 68);
    font-size:16px;   
}

 header {
    background-color: rgb(216, 198, 184);
}
    
ul {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    font-family:'KlinicSlabBook'
}

li {
    float:left;
    display: block;
}
    
li a {
    display:block;
    color: rgb(216, 198, 184);
    padding: 3px;
    background-color: rgb(11, 148, 70);
}
    
li a:hover {
    color: rgb(207, 28, 68);
    background-color:rgb(216, 198, 184);
}

.main {
    background-color: rgb(216, 198, 184);
    height: 500px;
    width: auto;
    padding: 0px;
    text-align:center;
    position: relative;
}
    
.columnthree {
    float:left;
    width: 33.33%;
    padding: 0px;
}
    
.row:after {
    content: "";
    display: table;
    clear: both;
}

.columntwo {
    float:left;
    width: 50%;
    padding: 0px;
}
    
footer {
    height: 60px;
    background-color:rgb(207, 28, 68);
    color: rgb(95, 19, 18);
    font-family: 'Goudy Old Style';
}