body {
    padding-top: 40px;
    padding-bottom: 40px;
}

small {
    color: #888;
}

.fs-form {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

.fs-contact-area {
    font-size: 13pt;
    line-height: 40px;
}

.fs-contact-label {
    width: 90px;
    display: inline-block;
}

#ErrorBox .fs-small-print {
    font-size: 12pt;
    font-style: italic;
    color: #888;
}

.fs-big-btn {
    height: 50px;
    font-size: larger;
    text-transform: uppercase;
}

.fs-back-to-form {
    font-size: medium;
    text-transform: inherit;
    width: 100%;
    margin: 15px 0 15px 0;
}

.fs-spinner {
    font-family: 'Lucida Console', Monaco, monospace;
    font-size: 8pt;
}

.fs-clearer {
    font-size: 18pt;
    line-height: 36px;
}

.fs-clearer-smaller {
    font-size: 14pt;
    line-height: 36px;
}

.fs-validation-box {
    position: relative;
    z-index: 1;
}

    .fs-validation-box input.form-control {
        z-index: 1;
        background-color: transparent;
    }

.fs-validation-underlay {
    position: absolute;
    top: 8px;
    text-align: right;
    right: 5px;
    z-index: -1;
}

    .fs-validation-underlay .fs-invalid-text,
    .fs-validation-underlay .fs-valid-text {
        display: inline-block;
        margin-left: 5px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .fs-validation-underlay .fs-invalid-text {
        color: #a94442;
    }

    .fs-validation-underlay .fs-valid-text {
        color: #3c763d;
    }

.fs-centered-list {
    margin-left: -10px;
    font-size: larger;
}

@media only screen and (min-width : 1024px) {
    .fs-outer {
        border: 1px solid #444;
        border-radius: 10px;
    }

    input {
        max-width: 400px;
    }

    .container {
        max-width: 450px;
        padding: 20px;
        padding-bottom: 30px;
        background-color: #fff;
    }

    body {
        background-color: #b6c5c6;
    }
    
    .fs-centered-list {
        margin-left: 25px;
    }
}