* { 
    box-sizing: border-box;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    letter-spacing: 0;
    margin: 0;
    
 }
 body{
    background-color: #fefefe;
 }
 h1{
     font-size: 4rem;
     line-height: 3.5rem;
     width: 100%;
     text-align: center;
     color: #ffffff;
     background-color: #778899;
     margin: 0  0 1rem 0;
     padding: 1rem;
 }
 h2{
     font-size: 2.5rem;
     line-height: 3.25rem;
     text-align: center;
     margin: 0.5rem auto 1rem auto;
     padding: 0.5rem;
     border-bottom: 6px double #778899;
 }
 p{
     line-height: 2rem;
 }
 p small{
     font-size: 0.5rem;
     line-height: 1rem;
 }
 a{
     color:black;
 }
 nav{
     display: contents;
     background-color: #778899;
}
 article{
    margin: 0 1rem 0 1rem;
    padding: 1rem 0;
 }
 footer{
     display: flex;
     flex-direction: column-reverse;
     flex-wrap: wrap;
     background-color: #778899;
     text-align: center;
     justify-content: flex-start;
     color: #ffffff;
 }
 footer a{
    color: #ffffff;
 }
 
.carousel {
    background: #EEE;
    margin-top: 1rem;
}

.carousel-cell {
    margin-right: 20px;
    overflow: hidden;
}

.carousel-cell img {
    display: block;
    height: 200px;
}

@media screen and ( min-width: 768px ) {
    .carousel-cell img {
        height: 400px;
    }
    article{
        width: 80%;
        margin: 0 auto;

    }
    h1{
        line-height: 5rem;
    }
    p{
        margin: 0 auto;
        max-width: 80%;
    }
    footer{
     flex-direction: row-reverse;
    }
}