/* html {
	 background: linear-gradient(#444, #666);
	 min-height: 100%;
	 font-family: "Century Gothic", sans-serif;
} */
 #gallery {
	 max-width: 200px;
	 text-align: center;
    cursor:pointer;

	 /* padding-bottom: 360px; */
}
/* #gallery h1 {
	 color: #f9e559;
	 font-size: 48px;
	 font-weight: 100;
	 padding: 50px 40px 0px;
	 text-transform: uppercase;
} */

/* #gallery p {
	 color: #fff;
	 padding: 0 40px;
} */ 

 #gallery .thumbnail {
	 float: left;
	 position: relative;
	 width: 65px;
     height: 65px;
	/* padding-bottom: 15%; */
	 margin: 0%;
	 overflow: hidden;
}
 #gallery .thumbnail:hover {
	 -webkit-box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.75);
	 -moz-box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.75);
	 box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.75);
}

/* The hover inside the image expands fully */

 #gallery .img-container {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 
}
 #gallery .img-container img {
	 width: 100%;
	 height: 100%;

}
 #gallery .img-container:hover .img-caption {
	 top: 0;
	 left: 0;
}
 #gallery .img-container:hover .img-caption .btn-trans {
	 background: rgba(255, 255, 255, 0.4);
     /* below inner border */
	 border: 0px solid #ffffff;
}
 #gallery .img-caption {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, .7);
	 text-align: center;
}
 #gallery .table {
	 display: table;
}
 #gallery .table .table-cell {
	 display: table-cell;
	 vertical-align: middle;
     /* below outer border */
	 border: 0px solid #f9e559;
}
 #gallery .btn {
	 border: none;
	 font-size: inherit;
	 font-weight: 100;
	 color: rgba(249, 229, 89, 1);
	 display: inline-block;
	 text-transform: uppercase;
	 position: relative;
	 border: 5px solid #ffffff;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 transition: all 0.3s;
}
 #gallery .btn:before {
	 content: '';
	 position: absolute;
	 z-index: -1;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 transition: all 0.3s;
}
 #gallery .btn::after {
	 line-height: 1;
	 position: relative;
	 -webkit-font-smoothing: antialiased;
}
 #gallery .btn-sep {
	 margin: 30px 0px;
}
 #gallery .btn-p {
	 font-size: 12px;
	 padding: 10px 10px;
}
 #gallery .btn-trans {
	 background: rgba(249, 229, 89, 0);
	 color: white;
}
 #gallery .btn-trans:hover {
	 background: rgba(255, 255, 255, 0.4);
}
 #gallery .btn-trans:active {
	 background: rgba(255, 255, 255, 0.4);
}
/*
 @media screen and (max-width: 992px) {
	 #gallery .thumbnail {
		 width: 22%;
		 padding-bottom: 22%;
		 margin: 1.5%;
	}
	 #gallery .img-container:hover .img-caption {
		 top: 0;
		 left: 0;
	}
	 #gallery .img-caption {
		 position: absolute;
		 width: 100%;
		 height: 100%;
		 background: rgba(0, 0, 0, .7);
		 text-align: center;
	}
	 #gallery .img-caption a {
		 color: #f9e559;
	}
}
 @media screen and (max-width: 720px) {
	 #gallery .thumbnail {
		 width: 29%;
		 padding-bottom: 29%;
		 margin: 2.16%;
	}
}
 @media screen and (max-width: 470px) {
	 #gallery .thumbnail {
		 width: 44%;
		 padding-bottom: 44%;
		 margin: 3%;
	}
}
*/