@media only screen and (min-width:320px) {
    .terms-of-use {
        margin-top: 4.6em;
        padding: 1em 0;
        overflow: auto
    }

        .terms-of-use h3 {
            font-family: SFU-Futura-Regular;
            font-size: 150%;
            margin-top: 21px;
            border-bottom: 1px solid #666;
            padding-bottom: 20px;
        }

        .terms-of-use .col-md-5 .other {
            margin-bottom: 10px;
        }


        .terms-of-use .col-md-5 a, .terms-of-use .col-md-5 a:hover {
            text-decoration: none;
            color: #333
        }

        .terms-of-use .col-md-7 div p {
            font-family: RegularHS
        }

            .terms-of-use .col-md-7 div p a, .privacy-settings-box p a {
                text-decoration: underline;
                color: #333
            }

        .terms-of-use .col-md-7 div p {
            margin-bottom: 1em
        }

        .terms-of-use .col-md-7 div span {
            display: block;
            font-family: RegularHS_bold
        }

        .terms-of-use .col-md-7 div p span {
            display: inline
        }
}

@media only screen and (min-width:768px) {
    .terms-of-use .col-md-7 div .table > thead > tr > th {
        vertical-align: top
    }

    .terms-of-use .col-md-5, .terms-of-use .col-md-7 {
        float: left
    }

    .terms-of-use .col-md-5 {
        width: 41.66666667%;
        text-align: right
    }

    .terms-of-use .col-md-7 {
        width: 58.33333333%;
        padding: 1.25em 2.5em 0 1em
    }
}

@media only screen and (min-width:992px) {
    .terms-of-use .col-md-7 {
        padding-right: 5em
    }
}

@media only screen and (min-width:1200px) {
    .terms-of-use .col-md-7 {
        padding-left: 2em
    }
}

body {
    background: #e8e9ea;
    background: -moz-linear-gradient(top, #e8e9ea 0%, #ffffff 42%, #ffffff 59%, #dedee1 100%);
    background: -webkit-linear-gradient(top, #e8e9ea 0%,#ffffff 42%,#ffffff 59%,#dedee1 100%);
    background: linear-gradient(to bottom, #e8e9ea 0%,#ffffff 42%,#ffffff 59%,#dedee1 100%);
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.terms-of-use input[type=submit] {
    width: 40%;
    height: 2.75em;
    font-family: SFU-Futura-Regular;
    border: 1px solid #ccc;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,#f6f6f6 0%,#d9d9d9 100%);
    background: -webkit-linear-gradient(top,#f6f6f6 0%,#d9d9d9 100%);
    background: linear-gradient(to bottom,#f6f6f6 0%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#d9d9d9',GradientType=0);
}