@import url('base.css');
.article-hero {
    min-height:430px
}
.article .eyebrow {
    margin-bottom:18px
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family: Georgia, serif;
    background:#f5f5f5;
    color:#333;
    line-height:1.8;
}

.container{
    width:80%;
    max-width:1000px;
    margin:40px auto;
    background:#fff;
    padding:30px;
}

h1{
    font-size:32px;
    margin-bottom:20px;
    text-transform:uppercase;
}

.banner{
    text-align:center;
    margin:25px 0;
}

.banner img{
    width:350px;
    max-width:100%;
}

h2{
    margin-top:35px;
    margin-bottom:15px;
    color:#222;
}

p{
    margin-bottom:15px;
}

ul,
ol{
    margin-left:25px;
    margin-bottom:20px;
}

table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
    margin-bottom:30px;
}

table th,
table td{
    border:1px solid #ccc;
    padding:12px;
    text-align:left;
}

table th{
    background:#f2f2f2;
}

.bottom-image{
    text-align:center;
    margin-top:30px;
}

.bottom-image img{
    width:700px;
    max-width:100%;
}