.panel { 
    top: 50%;
    margin-top: 8%;
    border-radius: 20px;
    transform-origin: center;
}

body {
    background: #f9f9f9;
}

ul#nav li.active{ 
    background:#9993a6; 
}

html,body {
    padding: 0;
    margin: 0;
}

footer {
    background: #5E5E5E;
/*    margin-top: 700px;
    width: 100%;
    bottom: 0;
    position: relative;*/

    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #5E5E5E 0%, #5E5E5E 100%);
    background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
    background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-radius: 0px;

    clear: both;
}

footer h6 {
    color: #696969;
}