img {
	width: 100%;
}/* It is recommended to place all your extra/additional CSS rules here */

.tab-pane ul {
	display: flex;
	display: -webkit-flex;
	display: -o-flex;
	display: -moz-flex;
}

.tab-pane ul li {
	float: left;
	list-style: none;
}

/* ====================================================
   FIXED LEFT SIDEBAR (LOGO + MENU)
   ==================================================== */


.content-data {
	display: block;
	float: left;
	padding: 0%;
}


.sidebar-data {
    display:block;
            background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 78%, rgba(0,0,0,0.1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(78%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.1)));
            background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.4) 78%,rgba(0,0,0,0.1) 100%);
            background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.4) 78%,rgba(0,0,0,0.1) 100%);
            background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.4) 78%,rgba(0,0,0,0.1) 100%);
            background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.4) 78%,rgba(0,0,0,0.1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a000000', endColorstr='#00000000',GradientType=0 );
    float: right;
    padding: 2%;
    font-size: 16px;
    color: #C8974F;

}


.sidebar-data p {
	margin: .5em 0;
}

    @media (min-width: 768px) {
        .sidebar-data {
            /* any change has to be replicated in #footer below */
            height:100%;
            top:0; 

        }
    }
    @media (min-width: 992px) {
        .sidebar-data {
            /* any change has to be replicated in #footer below */
        }
    }
    @media (min-width: 1200px) {

    }


.fa {
    font-size: 1.2em;
    color: #C8974F;
}