body {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    user-select: none;
    background: #fff9ed;
}

.container {
    max-width: 700px;
}

header,
footer {
    padding: 3rem 0;
}

h1,
h2 {
    text-transform: uppercase;
    color: #EA3D3D;
}

h2,
h3 {
    font-size: 1.2em;
}

h1 {
    font-size: 1.5em;
    letter-spacing: .7em;
}

h2 {
    margin-top: 2em;
    letter-spacing: .2em;
    padding-top: 2em;
}

h3,
strong {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
}

.brand-bullet {
    padding-left: 0;
}

.brand-bullet li {
    background: url('bullet.svg') no-repeat;
    background-size: 1em;
    background-position: 0 3px;
    padding-left: 2em;
    list-style: none;
}

#logoH {
    margin: 2em 0;
    fill: none;
    stroke: hsl(0, 0%, 0%);
    stroke-width: 2;
    width: 250px;
    height: auto;
}

.table {
    font-size: .8em;
    border-bottom: 1px solid #dee2e6;
}

.table td,
.table th {
    padding-left: 0;
}

.tcol1,
.tcol2 {
    width: 66px;
}

.tcol3 {
    width: 200px;
}

footer {
    text-align: left;
    margin-top: 3em;
}

@media (max-width: 576px) {
    .btn {
        display: block;
        margin: 1em 0;
    }
    .table td,
    .table th {
        padding: .3em;
    }
    .tcol1,
    .tcol2,
    .tcol3 {
        width: 20px;
    }
    .tcol4 {
        width: 60%
    }
}