* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    
}

body {
    background: #d7c5b7;
    font-family: goudy old style, serif;
    font-size: 18px;
}


#logo {
    background: #5e1211;
    Width: 113%;
}

#logo > p {
    font-family: goudy old style, serif;
    font-size: 25px;
    color: #d7c5b7;
    padding-top: 10px;
    padding-bottom: 10px;
}


#container {
width: 100%;
background: #5e1211;
 }


.content {
 width: 87%;
 float: right;
 background: #d7c5b7;
 border-right: 1px solid #d7c5b7;
 }


.sidebar {
 position: absolute;
 top: 0;
 text-align: center;
 width: 13%;
 float: left;
 background: #5e1211;
 }

.sidebar > li {
 font-family: klinic slab, serif;
 list-style-type: none;
 text-decoration: none;
 position: relative;
 font-size: 22px;
 padding: 28px 0 29px 0;
 border-bottom: 1px solid #d7c5b7;
 border-right: 1px solid #d7c5b7;
}

.sidebar > li > a {
    text-decoration: none;
    color: white;
}

.sidebar > li > a:hover {
    color: #c1c1c1;
}

.sidebar > li > a:active {
    color: #c1c1c1;
}


#page-text > h1 {
    font-family: klinic slab, serif;
    font-size: 28px;
    color: #0b9446;
    padding: 50px;
}

#page-text > p {
    font-family: goudy old style, serif;
    font-size: 18px;
    color: black;
    padding: 10px;
}

#page-text > ul {
    font-family: klinic slab, serif;
    font-size: 28px;
    margin: 40px;
    border: 1px solid white;
    border-radius: 25px;
    background: white;
     margin: 10px 150px 10px 150px;
    padding: 10px;
}

#page-text > pt {
    display:grid;
    padding: 20px;
    text-align: left;
}


mi {
    border: 1px solid #7b573e;
border-radius: 25px;
    margin: 10px 10px 10px 10px;
    padding: 10px 0;
    box-shadow: 0 5px 10px #b59883;
    height:auto;
    width: auto;
    overflow: hidden;
}

mi > p {
    margin: 10px;
}

mi > img {
    margin: 10px;
}


#feature {
    border: 1px solid #7b573e;
    border-radius: 15px;
    margin: 10px 150px 10px 150px;
    padding: 10px 0;
    box-shadow: 0 5px 10px #b59883;
    height:auto;
    width: auto;
    overflow: hidden;
}

#feature > h1 {
    font-family: klinic slab, serif;
    font-size: 28px;
    color: #0b9446;
}

#feature > p {
    font-family: goudy old style, serif;
    font-size: 18px;
    color: black;
}

#feature > img {
    width: auto;
    height: auto;
}

#offers {
    font-family: goudy old style, serif;
    font-size: 18px;
    color: black;
    border: 1px solid #7b573e;
    border-radius: 15px;
    margin: 10px 10px 10px 10px;
    padding: 10px 0;
    box-shadow: 0 5px 10px #b59883;
    height:auto;
    width: auto;
    overflow: hidden;
}

#offers > h1 {
    font-family: klinic slab, serif;
    font-size: 28px;
    color: #0b9446;
}

#offers > ul > li {
    text-decoration: none;
    list-style-type: none;
}


input {
    margin: 10px 0;
}


#footer {
 clear:both;
 background:#d7c5b7;
 padding-top: 40px;
 }