/*---- MASONRY ---- */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.abhomemasonry {
  margin: 0 auto;
  opacity:0;
  }

.abhomemasonry .itemhome {
  width:  204px;
  height: auto;
  float: left;
  margin-bottom: 35px;
}

.boxhome .captionhome {  
    background-color: rgba(0,0,0,0.3);  
    position: absolute;  
    color: #fff;  
    z-index: 100;  
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left:0;
    top:0;
}  

.boxhome .fade-captionhome, .boxhome .scale-caption {  
    opacity: 0;  
    width: 100%;  
    height: 89%;  
    text-align: left; 
    display:block;
}  

.boxhome:hover .fade-captionhome {  
    opacity: 1;  
}  

.abworksmasonry {
  margin: 0 auto;
  opacity:0;
  }

.abworksmasonry .itemworks {
  width:  260px;
  height: auto;
  float: left;
  margin-bottom: 35px;
}

.boxworks .captionworks {  
    background-color: rgba(0,0,0,0.3);  
    position: absolute;  
    color: #fff;  
    z-index: 100;  
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left:0;
    top:0;
}  

.boxworks .fade-captionworks, .boxworks .scale-caption {  
    opacity: 0;  
    width: 100%;  
    height: 84.5%;  
    text-align: left; 
    display:block;
}  

.boxworks:hover .fade-captionworks {  
    opacity: 1;  
}  

.absculpturemasonry .itemsculpture {
  width: 500px;
  height: auto;
  float: left;
  margin-bottom: 35px;
}

.boxsculpture .captionsculpture {  
    background-color: rgba(0,0,0,0.3);  
    position: absolute;  
    color: #fff;  
    z-index: 100;  
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left:0;
    top:0;
}  

.boxsculpture .fade-captionsculpture, .boxsculpture .scale-caption {  
    opacity: 0;  
    width: 100%;  
    height: 90.5%;  
    text-align: left; 
    display:block;
}  

.boxsculpture:hover .fade-captionsculpture {  
    opacity: 1;  
}  


/* -- large screen etc --*/
@media screen and (min-width: 1439px) {
#portfolio { padding:0 50px !important; margin-bottom:70px; }
}

/* -- tablet to large screen etc --*/
@media screen and (min-width: 1025px) {
#portfolio { padding: 50px 50px 0 50px; margin-bottom:70px; }
}

/* -- Tablet -- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
#portfolio { margin-top: 50px; margin-bottom:70px; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
/*#portfolio { margin-left: 15px; }*/
/*#ccmasonry .item { width: 250px; height: auto; float: left; margin-bottom: 20px; }*/
#portfolio { margin-bottom:70px; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#portfolio { margin-bottom:70px; }
}