.img-heading{
    margin-left: 15px;
}

.on-facebook{
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

@media only screen and (max-width: 520px) {
    .aside-nav-text {
        display:none;
    }
}

.col-md-4 img{
    width:100%;
    height: auto;
}

.main-nav-text{
    font-size: 18px;
    display:inline;
    font-family: Ethnocentric Rg;
}

.aside-nav-text{
    font-size:12px;
    display:inline;
    font-family: Ethnocentric Rg;
}

.image-title{
    background-color: #771b1d;
    text-indent: 3px;
    color: white;
    display: inline;
    padding: 5px;
    margin-bottom: 10px!important;
    border-radius: 3px;
}

.album-text{
    margin: 20px;
}

.middle-div{
    height: 20px;
}

.image-a-tag img{
    margin-top: 10px;
}

.mine-wrapper {
    min-height: 100vh;
}

footer{
    position: relative!important;
    bottom: 0!important;
    height: 150px!important;
}

.greetings-top{
    margin: 15px;
    font-family: fantasy;
    font-size: 18px;
}

.description-top{
    margin: 15px;
    
}

.pic-istorija{
    width:100%;
    height: auto;
}

.tehnical-info-line{
    margin: 3px;
    border-bottom: solid lightslategray 1px;
}

.small-header{
    background-color: #771b1d;
    text-indent: 3px;
    color: white;
    border-radius: 3px;
}

body .container .background-bordo{
    background-color: #0f2812!important;
    color: gold!important
}

body .container .background-bordo p{
    color: gold!important;
}

.tehnicals{
    margin: 15px;
    font-family: cursive;
}

.margin-bottom-15{
    margin-bottom: 15px;
}

.slide-header-show{
    max-width: 60px;
}

.slide-show-body{
    max-width: 60px;
}

.heading-danger{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger{
    border-color: #ebccd1;
}

.heading-warning{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning{
    border-color: #faebcc;
}

.heading-info{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info{
    border-color: #bce8f1;
}

.heading-success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success{
    border-color: #d6e9c6;
}

.heading-default{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default{
    border-color: #ddd;
}

.heading-primary{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary{
    border-color: #337ab7!important;
}

.margin-left-15{
    margin-left: 15px;
}

.img-view{
    width: 90%;
    height: auto;
}

.img-row img{
    margin-bottom: 20px;
    border: 2px solid green;
    border-radius: 3px;
}

.img-preview{
    width: 90%;
    height: auto;
    max-height: 120px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}

footer{
    position:static;
    height: 50px;
    bottom: 0;
    width: 100%;
}

.slider-bmx{
    overflow:hidden;
}

.panel-primary{
    border-color: #337ab7!important;
}

.panel-footer{
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-body{
    padding: 15px;
}

.panel-heading{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.margin-top-30{
    margin-top: 30px;
}

.panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.hidden-content{
    display:none;
}

h2{
    font-size: 24px!important;
}

#body #navbar-front{
    background-color:#0f2812!important; 
    color:gold!important
}

#body #navbar-front .container .navbar-brand{
    color:gold!important;
    font-family: Ethnocentric Rg;
}

#navbarResponsive .nav-item .nav-link {
    color:gold!important
}

#body footer {
    background-color:#0f2812!important; 
    color:gold!important
}

#body footer .container p {
    color:gold!important
}

.brand-icon{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.red{
    background-color: red;
}

td a{
    margin-bottom: 2px!important;
    margin-top:2px;
}

.image-back-show{
    width: 300px;
    height: auto;
}

.margin-bottom-15{
    margin-bottom: 15px;
}

.tumbnails{
    margin: 15px 15px 15px 15px;
}

.album-avatar{
    width: 150px;
    height: 150px;
}

.album-avatar .inner {
    width: 100px;
    height: auto;
    overflow: hidden;
}

.album-avatar .outer {
    width: 150px;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
}

.bx-wrapper, .bx-viewport {
    height: 361px !important; //provide height of slider
}

.bx-wrapper, .bx-viewport  ul li img{
    display: block;
    margin-left: auto;
    margin-right: auto;
/*    transform: translateY(-50%);*/
}