@font-face {
    font-family: klinic;
    src: url('../310/media/KlinicSlab.woff') format('woff');
}

body { 
    background-color: #d8c6b8;
}

h1 { 
    text-align: center;
    color: #cf1c44;
    font-family: klinic;
}

h2 { 
    text-align: center;
	color: #0b9446;
    font-family: goudy old style;
}

p { 
    text-align: center;
    color: #543136;
    font-family: klinic;
}

.header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
}

.header a {
    padding: 20px;
    text-decoration: none;
    color: green;
    font-family: klinic;
}

.header a:hover {
    color: #cf1c44;
}

.header img {
    width: 500px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding: 20px ;
    border-style: solid;
    border-color: #cf1c44;
    border-width: 5px;
    display: table;
}

#mission {
    width: 35%;
    padding: 10px;
    float: left;
}

.content img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;

}

#vision {
    width: 35%;
    padding-left: 10px;

    float:right;
}

#hours {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

footer {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
}

#selected {
    color: #cf1c44;
    font-size: 125%;
}

#center {
    text-align: center;
}