.container {
	text-align:center !important;
	width:100% !important;
	padding:0;
	margin:0 !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px !important;	
}

body {
    background: url('../images/Gallery_BG_low.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment:fixed;
    background-size: cover;
}
/* 
.grid {
    margin: 0% 10%;
    padding: 0% 3%;
    height: 100%!important;
}
 */
#top-nav{
    background: none;
    border-bottom:none;
    height: 150px;
}

/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 30%; }
/* 2 columns */
.grid-item--width2 { width: 15%; }

.gallery img {    
    width: 100%;
    padding: 5%;
}
div.col-md-4 {
    padding: 15px 15px 0px 15px;
    display:inline-block !important;
    float:none !important;
    width:30% !important; 
}

/*image overlay*/
.product-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,18,0);
    background-color: rgb(0,18,0, .9);
    z-index: 9999;
    display: none;
}

.product-image-overlay .product-image-overlay-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 20px;
    color: #eee;
    text-align: center;
    cursor: pointer;
}

.product-image-overlay img {
    width: auto;
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#topBtn {
    display: none;
    background-color: transparent;
    position: fixed;
    bottom: 40px;
    right: 40px;
    height: 50px;
    width: 50px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
}

#topBtn img{
  width: 50px;
  height: 50px;
}


#topBtn:hover{
    opacity: .9;
}


@media screen and (max-width:1200px) {
	.container {
 		margin:0;
 		margin-left:auto;
 		margin-right:auto;
 		padding:0;
 		width:100%;
 	}

}

@media screen and (max-width: 915px) {
    body {
        background: url('../images/Gallery_mobile.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-attachment:fixed;
        }

    .grid-item--width {
        width: 100%;
    }
    .grid-item--width2 {
        width: 100%;
    }
    .product-image-overlay img {
        max-width: 100%;
        max-height: 100%;
    }
    ul.no-padding {
        padding: 0px;
    }
    
    div.col-md-4 {
		background-color: rgba(0,18,0);
		background-color: rgba(0,18,0,.9);
		padding: 15px 15px 0px 15px;
		display:inline-block !important;
		float:none !important;
		width:45% !important; 
	}
 	.container {
 		margin:0;
 		margin-left:auto;
 		margin-right:auto;
 		padding:0;
 		width:100%;
 	}
}

@media screen and (max-width: 800px) {
	    div.col-md-4 {
        background-color: rgba(0,18,0);
		background-color: rgba(0,18,0,.9);
		padding: 15px 0px 0px 0px;
		display:inline-block !important;
		float:none !important;
		width:100% !important; 
	}
}

@media screen and (max-width: 385px) {    
    #topBtn img{
      width: 50px;
    }
}