body{
    border-style: ridge;
    font-size: 12px;
    display: flexbox;
}
.card{
    padding: 10%;
    margin-top: auto;
    margin-bottom: auto;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
} 
.card img{
    float: center;
    padding: auto;
}
@media (min-width: 200px; max-width: 768px) {
    p {
    font-size: 1.25em;
    }
}

.nav-bar li{
    display: block;
    padding: 14px 16px;
    float: right;
    text-decoration: none;

}

h5, p{
    font-family: 'Bree Serif', serif;
    font-size: medium;
}