body {
    background-image: url(img/bg5.jpg);
    background-repeat: repeat;
    background-color: #cc0001;
}

.jumbotron {
    position: relative;
    color: white;
    background-color: #c12e2a;
    background-repeat: repeat-x;
    border-color: #b92c28;
    background-image: linear-gradient(to bottom,#d9534f 0,#9E0602 100%);
}

    .jumbotron h1 {
        font-weight: bold;
        font-size: 35px;
        color: blanchedalmond;
        text-shadow: 2px 2px #880000;
    }

    .jumbotron p {
        color: lightsalmon;
    }

.container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: white;
    background-color: rgba(255,255,255,0.90);
    -webkit-box-shadow: 0 0 15px #ffffff;
    -moz-box-shadow: 0 0 15px #ffffff;
    box-shadow: 0 0 15px #ffffff;
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 768px) {
    .container {
        padding-left: 100px;
        padding-right: 100px;
    }
}


input, label, h1, h2, h3, h4, h5, h6, p, input, button, select, textarea {
    font-family: Verdana;
    color: #505050;
}

.ccnb-hat {
    float: left;
    clear: left;
    margin-top: -80px;
    margin-left: -60px;
    margin-right: 15px;
}

.recipients-popover {
    width: 400px;
}

.popover {
    max-width: 400px;
}
/* do not group these rules*/
.token-input::-webkit-input-placeholder {
    color: #999999;
}

.token-input:-moz-placeholder {
    color: #999999;
}

.token-input::-moz-placeholder {
    color: #999999;
}

.token-input:-ms-input-placeholder {
    color: #999999;
}