.results {
    background: white;
    padding: 10px 0px;
    margin-top: -5px;
    overflow: auto;
}

    .results table {
        min-width: 100%
    }

        .results table th {
            white-space: nowrap;
            padding: 2px 10px
        }

        .results table td {
            padding: 2px;
            text-align: center
        }

.pad {
    padding: 10px 20px
}

.clear {
    clear: both
}

.non-phone-only {
    display: none
}

@media only screen and (min-width: 500px) {
    .phone-only {
        display: none
    }

    .non-phone-only {
        display: block
    }

    .header {
        padding: 30px
    }

        .header h1 {
            font-size: 80px;
            line-height: 70px
        }

        .header h3 {
            font-size: 20px;
            line-height: 20px
        }

    .top-link {
        float: right
    }

    .block {
        padding: 30px
    }

    button, input[type=submit], .btn, a.btn, .grey a.btn, .blue a.btn, .blue-dark a.btn, .gold a.btn {
        width: auto;
        display: inline-block
    }

    .pad {
        padding: 10px 30px
    }
}

@media only screen and (min-width: 768px) {
    .header {
        padding: 60px 40px 40px
    }

    .block {
        padding: 40px 40px 80px
    }

    .thirty, .fourty, .fifty, .sixty, .seventy {
        float: left;
        padding: 10px 3% 10px 0
    }

    .thirty {
        width: 100%;
    }

    .fourty {
        width: 37%
    }

    .fifty {
        width: 47%
    }

    .sixty {
        width: 57%
    }

    .seventy {
        width: 67%
    }

    .pad {
        padding: 10px 60px
    }
}

@media only screen and (min-width: 1024px) {
    .header {
        padding-top: 80px
    }
}
/*# sourceMappingURL=example.css.map */