#portfolio{
 padding: 40px;
    margin: 0 auto;  
}
h1.gallery-title{
    font-size: 2em;
    color:#b09b8c;
    text-align:center;
    font-weight:700;
    padding: 0 0 0.5em;    
}
.filter-button{
    font-size:1em;
    color: #ffffff;
    background-color:#b09b8c; 
    border:1px solid #b09b8c;
    border-radius:5px;
    text-align: center;
    margin:0.5em 0.1em 2em 0.1em;
    padding:0em 1em 0em 1em;
}
.filter-button:hover{
    color: #b09b8c;
    border:1px solid #b09b8c;
    background-color:#b09b8c50;
     
}
.btn-default:active .filter-button:active{
   background-color:black;
    color:white;  
}
.gallery_product{
    margin-bottom:1.5em;
 
}
span h2{margin:0px; padding:0px;}
span p{margin:0px; padding:0px;font-size:0.7em;}
/*specific to portfolio, similar flat-roof page figure styles in ejroofing.css
img.ejportfolio{
   width:30%;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);     
}
/*specific to portfolio, similar on flat roof page in ejroofing.css*/
/*figcaption.figure-caption.ej-portfolio{
    width:30%;
    border:5px solid red;
}*/



/*.ejportfolio span{
      
    background-color:#b09b8c50;
    vertical-align:middle;
    padding:1em;
  }*/

.jjbacktotop a{
    color: #ffffff;
    background-color:#b09b8c; 
    border:1px solid #b09b8c;
    border-radius:5px;
    text-align: center;
    margin:0.5em 0.1em 2em 0.1em;
    padding:0.7em 1em 0.7em 1em;
   }

.jjbacktotop a:hover{
    color: #b09b8c;
    border:1px solid #b09b8c;
    background-color:#b09b8c50;
}

/*for small screen portfolio menu sizing*/
@media only screen and (max-width: 800px) {

   .btn.btn-default.filter-button{ 
    font-size:0.7em;
    color: #000000;
    background-color:#b09b8c; 
    border:1px solid #b09b8c;
    border-radius:0px;
    text-align: center;
    margin:0px;
    padding:0px;
    }
}