.main {
    background: linear-gradient(to right, #3c3e3d, #946643c7);
    padding: 20px 3%;
}

.main .h1-top,
.main h1 {
    font-size: 3.5em;
    font-weight: 600;
    color: #d5b094;
    text-shadow: 2px 2px 2px #ff6f00;
}

.main .h1-top {
    padding: 2.5em 0 1em 0;
}

.main .h1c {
    padding: 1em 0 0 0;
}

.main h1 {
    padding: 1em 0;
}

.main ul h2 {
    font-size: 1.5em;
    margin: 2em 0 1em 0;
    color: #ff6f00;
    line-height: 1.5em;
}

.main p,
.main ul li p {
    color: #fff;
    font-size: 1.3em;
    line-height: 1.5em;
}

@media (max-width: 780px) {

    .main {
        text-align: center;
    }

    .main .h1-top,
    .main h1 {
        font-size: 2.5em;
    }

    .main ul h2 {
        font-size: 1.5em;
    }

    .main p,
    .main ul li p {
        font-size: 1em;
    }
}