* {
	box-sizing: border-box;
}	

h1 {
    color: white!important;
    font-family: ratio!important;
    font-size: 7vw;
    text-transform: uppercase;
    padding: 50px 0px;
}

h2 {
	
}

h3 {
	margin-bottom: 20px;
}

/****** for enfold gallery lightbox override style*******/ 
a.lightbox-added {
	display: inline-block!important;
}

.image-overlay {
	visibility: hidden;
}


#top div .avia-gallery img {
    float: none;
    border-style: none;
    border-width: 0;
    padding: 0px;
    width: inherit;
    border-radius: 0;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer!important;
}

.mfp-zoom-out-cur {
	cursor: default!important;
}

.mfp-bg {
	background: rgba(128,128,128,0.97);
}

.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 1;
}

/************** end enfold gallery lightbox style********/ 



.head-wrap {
	background-color: #008da8;
  text-align: center;
}

.head-inner {
	display: inline-block;
}

.gallery-intro {
	margin: 50px 50px 0 50px;
}

.content-wrap {
	padding: 0 50px;
}

.galleries {

}

.gallery-inner {
	padding: 40px;
	background-color: lightgrey;
	margin: 40px 0;
}

.page-btn {
	display: inline-block;
}

.page-btn a{
	color: white;
	text-decoration: none;
	font-family: ratio;
	text-align: center;
	border-radius: 20px;
	padding: 5px 15px;
	background-color: #008da8;
	transition: all 200ms;
	margin: 15px 15px 15px 0;
}

.page-btn a:hover{
	background-color: lightgrey;
	color: #008da8;
}

.gallery-images {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(180px, 1fr));
  grid-template-rows: repeat(auto-fit,minmax(180px, 1fr));
  grid-gap: .5em;
  overflow: hidden;
}

.gallery-images-inner {
	align-self: stretch;
	justify-self: stretch;
}

.gallery-images-inner img {
	transition: .75s;
	width: 100%!important;
}

.gallery-images-inner img:hover {
	transform: scale(1.1);
}

/* ******************** Media Queries ************************ */

/*For Tablet portrait*/
@media (max-width: 989px){

}

/*For Mobile*/
@media (max-width: 480px){
.content-wrap{
  padding: 0 25px;
}

.page-btn {
	display: block;
	margin-top: 15px;
}

#top div .avia-gallery {
	text-align: center;
}

}