.gallery {
  width: 630px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

/*.gallery > div {
  position: relative;
  float: left;
  padding: 5px;
}

.gallery > div > img {
  display: block;
  width: 190px;
  transition: .1s transform;
  transform: translateZ(0); 
}

.gallery > div:hover {
  z-index: 5;
}

.gallery > div:hover > img {
  transform: scale(1.7,1.7);
  transition: .5s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}

h1 {
  margin: 40px 0;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
}*/


/*---- NEW----*/

.text{
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 40px;
  color:#2b2d42;

}

.gallery-inner{
  max-width: 940px;
  margin: 0 auto;
  padding-left:20px;
  padding-right: 30px;
  color: #5a4d3d;
  /*box-sizing: border-box;*/
}

.gallery-inner img{
  max-width: 100%;
  height: auto;
}

/*frames*/ 

@media screen and (max-width:480px){
  
}

.content-area{
  border-top: 3px solid #e5e9dc;
  border-bottom: 3px solid #e5e9dc;
  background-color: #fff;
}

@media screen and (max-width: 767px){
  
} 

/*Thumbnails */ 

.thumbnails {
  margin-right: -15px;

}

.thumbnails a{
  float:left;
  width: 25%;
  padding-right: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;

}

.thumbnails img{
  display: block;
  /*border: 1px solid #5a4d3d;*/
  transition: all .2s ease-in-out;
}

.thumbnails:hover img {
  opacity: .6;
  transform: scale(.92);
}

.thumbnails img:hover{
  opacity: 1;
  transform: scale(1) /*rotate(2deg)*/;
  box-shadow: 0 0 7px rgba(0,0,0,.5);
}


/* GRid */ 

.row{
  margin-right: -20px;
}

.col{
  float: left;
  width: 100%;
  padding-right: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.col-xs-11{width: 91.662%;}
.col-xs-10{width: 83.332%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.662%;}
.col-xs-7{width: 58.331%;}
.col-xs-6{width: 50%;}
.col-xs-5{width: 41.662%;}
.col-xs-4{width: 33.332%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.662%;}
.col-xs-1{width: 8.332%;}

@media screen and (min-width: 768px) {
  .row{
    margin-right: -40px;
  }

  .col{
    padding-right: 40px;
  }

  .col-sm-11{width: 91.662%;}
  .col-sm-10{width: 83.332%;}
  .col-sm-9{width: 75%;}
  .col-sm-8{width: 66.662%;}
  .col-sm-7{width: 58.331%;}
  .col-sm-6{width: 50%;}
  .col-sm-5{width: 41.662%;}
  .col-sm-4{width: 33.332%;}
  .col-sm-3{width: 25%;}
  .col-sm-2{width: 16.662%;}
  .col-sm-1{width: 8.332%;}
}

@media screen and (min-width: 1024px) {
  .col-md-11{width: 91.662%;}
  .col-md-10{width: 83.332%;}
  .col-md-9{width: 75%;}
  .col-md-8{width: 66.662%;}
  .col-md-7{width: 58.331%;}
  .col-md-6{width: 50%;}
  .col-md-5{width: 41.662%;}
  .col-md-4{width: 33.332%;}
  .col-md-3{width: 25%;}
  .col-md-2{width: 16.662%;}
  .col-md-1{width: 8.332%;}
}

@media screen and (min-width: 1280px) {
  .col-lg-11{width: 91.662%;}
  .col-lg-10{width: 83.332%;}
  .col-lg-9{width: 75%;}
  .col-lg-8{width: 66.662%;}
  .col-lg-7{width: 58.331%;}
  .col-lg-6{width: 50%;}
  .col-lg-5{width: 41.662%;}
  .col-lg-4{width: 33.332%;}
  .col-lg-3{width: 25%;}
  .col-lg-2{width: 16.662%;}
  .col-lg-1{width: 8.332%;}
}

/* end gris */

.row:before,
.row:after,
.group:before,
.group:after{
  content:"";
  display: table; 
}

.row:after,
.group:after{
  clear:both;
}

.row,
.group{
  zoom:1;
}