.grid {
background: TRANSPARENT;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer.large-3,
.grid-item.large-3 {
width: 33%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-2,
.grid-item.large-2 {
width: 48%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-1,
.grid-item.large-1{
width: 100%;
padding:2% 0%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-4,
.grid-item.large-4{
width: 24.5%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-5,
.grid-item.large-5{
width: 18%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-item {
float: left;
}

.grid-item img {
display: block;
max-width: 100%;
}

/* ---- .grid-item full ---- */
.grid-sizer-full.large-3,
.grid-item-full.large-3 {
width: 33%;
padding:0;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-2,
.grid-item-full.large-2 {
width: 50%;
padding:0;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-1,
.grid-item-full.large-1{
width: 100%;
padding: 0%;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-4,
.grid-item-full.large-4{
width: 25%;
padding:0;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-5,
.grid-item-full.large-5{
width: 20%;
padding:0;
box-sizing:padding-box !important;  
}

.grid-item-full {
float: left;
}

.grid-item-full img {
display: block;
max-width: 100%;
}

.photogrid {
display: block;
float:none;  
position: relative; 
width: 100%;
height:100%;
overflow: hidden; 
text-decoration: none;
background-size:cover ; 
margin:0 ;
padding:0 ; 
} 

.photogrid img {
float:none; 
width: 100%;
height:100%;
overflow: hidden;
text-decoration: none;
background-size:cover ;
margin:0 ;
padding:0 ;
}

.photogrid div img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 1;
margin:0 ;
padding:0 ;
background-size:cover ; 
}  

.photogrid div figcaption {
padding: 2em;  
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin:0 ;
padding:0 ; 
}

.photogrid div figcaption::before,
.photogrid figure figcaption::after {
pointer-events: none;
}

.photogrid div figcaption  ,
.photogrid div figcaption a  {
position: absolute;
top: 0;
left: 0; 
width: 100%;
height: 100%; 
z-index:1;
}

.photogrid div figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

.photogrid h2,.photogrid a {
font-weight: 300;
}

.photogrid h2,.photogrid a
.photogrid  p {
margin: 0;
}

.photogrid p {
text-align:center;
}

/*--------APOLLO-------*/
.effect-apollo {
background: #000;
}

.effect-apollo img {
opacity: 0.90;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}

.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.effect-apollo p {
padding:20px 20px;
}

.effect-apollo h2 {
padding-top:10%;
text-align: left;
padding-left:3%;
}

.effect-apollo:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}

h2.masonry-title {
text-align:center;
margin:20px 0 10px 0 !important;
}

.masonry-details {
text-align:center !important;
margin:10px 0 10px 0 !important;
}

.masonry-details span {
padding:0 10px
}

.masonry-text p,
.masonry-text h1,
.masonry-text h2,
.masonry-text h3,
.masonry-text h4,
.masonry-text h5,
.masonry-text h6{
line-height:25px;
}


/*--------reponsive-----*/
/* ---- .grid-item ---- */

@media screen and (max-width: 800px) {
.grid-sizer.large-3,
.grid-item.large-3 {
width: 98%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-2,
.grid-item.large-2 {
width: 98%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-1,
.grid-item.large-1{
width: 98%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-4,
.grid-item.large-4{
width: 98%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

.grid-sizer.large-5,
.grid-item.large-5{
width: 98%;
padding:2% 1%;
box-sizing:padding-box !important;  
}

}

@media screen and (max-width: 800px) {
/* ---- .grid-item full ---- */
.grid-sizer-full.large-3,
.grid-item-full.large-3 {
width: 100%;
padding:0;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-2,
.grid-item-full.large-2 {
width: 100%;
padding:0;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-1,
.grid-item-full.large-1{
width: 100%;
padding: 0%;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-4,
.grid-item-full.large-4{
width: 100%;
padding:0;
box-sizing:padding-box !important;  
}

.grid-sizer-full.large-5,
.grid-item-full.large-5{
width: 100%;
padding:0;
box-sizing:padding-box !important;  
}

}