.titulo{
    text-align: center;
    color: white;
}
.header-text{
    color: white; 
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(62,44,34,0.9);
}

.gallery
{
    display: inline-block;
    margin-top: 20px;
}

iimg-responsive{
    display: block;
    max-width: 100%;
    height: 178px;
}

.img-responsive, .thumbnail>img, .thumbnail a>img{
     display: block;
    max-width: 100%;
    max-height: 178px;
}

.top-bar{
    background-color: #8B4513;
    height: 100px;
}

.header>h2{
    margin: 0px;
    text-align: center;
    color: white;
    line-height: 100px;
}

.btn-return{
    height: 100%;
    line-height: 50%;
}

.fancybox{
    background-color: #1F120A;/*#3E2C22*/
    border: 5px #1F120A solid !important;
}

.fancybox-skin{
    background-color: #1F120A !important;
    border: 1px #1F120A solid;
}

.container{
    background-color: #3E2C22 !important;
    width: 100%;
}
.text-center{
    width: 50%
}
/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 1440px) { 
     .container{  
    width: 1008px;
    }
    .img-responsive, .thumbnail>img, .thumbnail a>img{
        max-height: 153px;
    }
}

@media (max-width: 1366px) { 
     .container{  
    width: 944px;
    }
    .img-responsive, .thumbnail>img, .thumbnail a>img{
        max-height: 133px;
    }
}
@media (max-width: 1300px) { 
     .container{  
    width: 944px;
    }
    .img-responsive, .thumbnail>img, .thumbnail a>img{
        max-height: 129px;
    }
}
@media (max-width: 1024px) {
    .container{  
    width: 820px;
    }
    
    .img-responsive, .thumbnail>img, .thumbnail a>img{
        max-height: 115px;
    }
    
}
/*---------- MEDIA 768px ----------*/
@media  (max-width: 768px) { 
     .container{  
    width: 768px;
    }
}
/*---------- MEDIA 425px ----------*/

@media  (max-width: 425px) {
    .container{  
    width: 425px;
    }
   
    .thumbnail > img, .thumbnail a > img{ 
    max-height: 123px;
    }
    .header>h2{
    font-size: 18px;

    }
 }
 
 /*---------- MEDIA 375px ----------*/

@media  (max-width: 375px) {
    
   .container{  
    width: 375px;
    }
    
    .thumbnail > img, .thumbnail a > img{ 
    max-height: 104px;
    }
    .header>h2{
    font-size: 14px;
    
    }
 }
 
 /*---------- MEDIA 375px ----------*/

@media  (max-width: 320px) {
    .container{  
        width: 320px;
    }
    .thumbnail > img, .thumbnail a > img{ 
        max-height: 84px;
    }
    
 }