.wrapper{
    position:relative;
    padding-bottom:60px;
}
.header-image{
    background-color:#333;
    height:300px;
    width:100%;
}

@media(max-width:768px){
    .article-header{
        display:none;
    }
}

#container{
    min-height:100%;
    height:auto !important;
    height:100%;

    margin-bottom:-60px;
}

#content{
    height:100%;
    min-height:100%;

}

#main-nav{
    height:60px;
}

#main-nav.affix{
    width:100%;
    top:0px;
}

main{

    padding-bottom:120px;
    padding-top:0px;
}

body,html{
    height:100%;
    min-height: 100%;
    position: relative;
}

body.home{
    position:static;
}

/*NAVIGATION*/
.navbar{
    margin-bottom:0px;
}

.navbar-nav > li > a{
    font-size:18px;
}

.nav-wrapper{
    min-height:60px;
}

#user_remember_me + label{
    opacity:0.2;
    transition:opacity 0.5s;
}

#user_remember_me:checked + label{
    opacity:1;
    transition:opacity 0.5s;
}

footer a{
    color:#f9f9f9;
}

footer a:hover{
    color:#fff;
}

footer{
    background-color:#333;
    color:#f9f9f9;
    width:100%;
    text-align:center;
    position:relative;
    z-index:10;

/*    position:absolute;
    bottom:0px;*/
}

footer, .push{
    height:60px;
    clear:both;
}

#loginform{
    margin:10px;
}

/*END OF NAVIGATION*/

/*BUTTON STYLING*/

.btn{
    font-weight:700;
}

.btn-default{

}

.btn-primary{
    background-color:#205080;
    color:#f9f9f9;
    transition:all 0.5s;
}

.btn-primary:hover{
    background-color:#102540;
    color:#ffffff;
    font-size:15px;
    transition:all 0.5s;
}

/*END OF BUTTON STYLING*/

.character-card{
    border-radius:4px;
    border-width:2px;
    width:240px;
    border-color:#B87333;
    border-style:solid;
}



.character-card.main-character{
    border-width: 6px;
    border-color:#C0C0C0;
}

.character-card.gardanRules{
    border-color:#FFD700;
}

.character-card .character-image img{
    /*border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;*/
    width:100%;
}