html, body {
    background-color: #1E1D1D;
    font-family: Helvetica,Arial, sans-serif;
}
.title {
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    top: 50px;
    text-align: center;
}
img.responsive {
    width: 100%;
    height: auto;
}
.content {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    font-family: Helvetica,Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: -0.177778px;
    color: #FFFFFF;
}

.content h2 { line-height: 1.5em; }

.content a,
.content a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

.content ul {
    text-align: left;
    padding-inline-start: 20px;
}

.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }

.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }

.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }

@media (max-width: 695px) {
    .title {
        padding: 0 40px;
        top: 20px;
    }
    .content {
        margin-top: 50px;
        font-size: 14px;
    }
}

@media (max-width: 425px) {
    .title {
        padding: 0 40px;
        top: 20px;
    }
    .content {
        margin-top: 50px;
        font-size: 14px;
    }
}