/*body {
    padding: 50px;
    background: #fff;
}*/

.wrapper {
    width: 100%;
}

/*@media(max-width:992px) {
    .wrapper {
        width: 100%;
    }
}*/

.panel-heading {
    padding: 0;
    border: 0;
    background-color: #ffeede !important;
    
}
.panel-title {
    color: #fff;
    font-size: 24px;
    
}
    .panel-title > div > a {
        font-size: 20px;
        color: #000 !important;
        text-decoration: none;
        
    }

    .panel-title > a, .panel-title > a:active {
        display: block;
        padding: 15px;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        word-spacing: 3px;
        text-decoration: none;
    }

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}