@media screen and (max-width: 991px) {
    section .box-content a.step2,
    section .box-content a.step3 {
        -webkit-background-size: 378px;
        background-size: 378px;
        width: 378px;
        height: 35px;
    }
    section .box-content a.step2:hover,
    section .box-content a.step3:hover {
        background-position: 0 -35px;
    }
    section div.red-box {
        padding: 10px 200px 10px 20px;
        width: 89%;
    }
    section div.red-box h3,
    section div.red-box p {
        margin: 0 0 5px 0;
    }
    section div.green-box {
        background-position: -31px 0;
    }
    section div.red-outline div.name {
        left: 32%;
    }
}
@media screen and (max-width: 767px) {
    header h1 {
        font-size: 35px;
    }
    header a.button {
        width: 310px;
        height: 42px;
        -webkit-background-size: 310px;
        background-size: 310px;
    }
    footer ul {
        float: none;
        text-align: center;
    }
    footer ul li {
        display: block;
        border: 0;
        padding: 0;
    }
    footer ul li:first-child,
    footer ul li:last-child {
        padding: 0;
    }
    footer div.disclaimer {
        margin: 40px 0 0 0;
    }
    footer div.copyright {
        margin: 0 0 40px 0;
    }
    header .logo a, footer .logo a {
        margin: 0 auto;
    }
    section h1 {
        font-size: 26px;
    }
    section div.green-box {
        background: #4aa56c;
    }
}
@media screen and (max-width: 400px) {
    header h1 {
        font-size: 32px;
    }
    header a.button {
        width: 289px;
        height: 39px;
        -webkit-background-size: 289px;
        background-size: 289px;
    }
    section .box-content a.step2,
    section .box-content a.step3 {
        -webkit-background-size: 312px;
        background-size: 312px;
        width: 312px;
        height: 29px;
    }
    section .box-content a.step2:hover,
    section .box-content a.step3:hover {
        background-position: 0 -29px;
    }
}