html, body {
    height: 100%;
    width: 100%;
}

html {
    background: url('../img/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    background: transparent;
    color: #fff;
}

div.container {
    padding-top: 15%;   
}

.panel {
    background-color: rgba(89, 33, 117, 0.9);
    background: linear-gradient(200deg, rgba(57, 8, 61, 0.9) 0%, rgba(102, 21, 166, 0.9) 100%);
    border-color: #666;
    box-shadow: rgba(0,0,0,0.15) 5px 5px 5px;
}

div#main-panel form p {
    color: #fff;
}

p#jointag {
    font-size: 1.25em;
}

/* Form */
input:focus, .btn:focus, .btn:active {
    outline: none;
} 

    
.form-control:focus {
    border-color: #EA65D9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(239, 18, 203, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(239, 18, 203, 0.6);
}

#contact-form button {
    margin-bottom: .5em;   
}

/* Success message div after signup */
div#submit-msg h3 {
    margin-top: 2em;  
}

div#submit-msg i {
    font-size: 6.5em;
    margin-top: 20px;
    margin-right: .25em;
    margin-bottom: .25em;
    float: left;
}

div#submit-msg p {
    font-size: 1.25em;
    margin-bottom: 2em;
}

/* Announcement div */
div#standout {
    width: 100%;
    padding: 14px;
    cursor: pointer;
    border-radius: 2px;
    background-color: #000;
    background-color: rgba(0,0,0,0.6);

    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;   
}

.btn.btn-silver {
    border-radius: 0;
    background-color: rgba(139, 139, 139, 1);
    background: linear-gradient(200deg, rgba(157, 157, 157, 1) 0%, rgba(119, 119, 119, 1) 100%);
    box-shadow: rgba(0,0,0,0.15) 1px 1px 5px;
    color: #fff;
}

.btn.btn-silver:hover {
    background-color: rgba(132, 132, 132, 1);
    background: linear-gradient(200deg, rgb(150, 150, 150) 0%, rgb(112,112,112) 100%);   
}

.logo {
    float: left;
    border: 2px solid #fff;
}
    
.data.cell { 
    display: table-cell;
    padding-left: 1em;
}
    

.data.cell .name {
    font-size: 1.25em;
}


@media(max-width:768px){
    div#standout {
        padding-bottom: 26px;
    }
}

@media(min-width:768px){
    div#standout {
        position: absolute;
        bottom: 28px;
        right: 28px;
        width: 350px;
    }
}

@media(min-width:992px){}
@media(min-width:1200px){}