* {
    background:none;
    border:none;
    margin:0;
    padding:0;
    outline:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

*:focus {
    outline:none;
}

html, body, table, input, button {
    font-family:'Source Sans Pro',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
}

body {
    background-color:#fff;
    color:#333;
}

h2 {
    margin-bottom:3rem;
}

img {
    max-width:100%;
}

a {
    color:#01363e;
}

.text-center {
    text-align:center;
}

.large {
    font-size:3rem;
}

.form-control, .btn {
    width:100%;
    border-radius:3px;
    font-size:1.25rem;
    padding:0.5rem 1rem;
    display:inline-block;
}

.form-control {
    border:2px solid #ccc;
}

.btn {
    background-color:#01363e;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
}

.container {
    max-width:1200px;
    margin:auto;
    padding-right:1.5rem;
    padding-left:1.5rem;
}

.content {
    padding:1rem;
}

.row {
    margin-bottom:1rem;
}

.row::after {
    content:'';
    clear:both;
    display:table;
}

.cols {
    text-align:center;
}

.cols .col {
    text-align:left;
}

.hint {
    color:#800;
    margin-top:0.5rem;
}

.message {
    background-color:#01363e;
    color:#fff;
    margin:1rem auto;
    padding:1rem;
}

.message.error {
    background-color:#800;
}

.footer {
    margin-top:3rem;
}

@media (min-width: 760px) {
    .form-control, .btn {
        font-size:1rem;
    }

    .btn {
        width:auto;
    }

    .col {
        display:inline-block;
        margin-right:-2px;
        margin-left:-2px;
    }

    .col.col-sm-9 {
        width:75%;
    }
}

@media (min-width: 900px) {
    .col.col-md-6 {
        width:50%;
    }
}

@media (min-width: 1200px) {
    .col.col-lg-6 {
        width:50%;
    }
}
