body {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #4d4d4d;
	font-family: 'Roboto', sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Padauk&family=Roboto&display=swap');

a, a:hover {
	color: #2caae1;
}

h1 {
	font-size: 3.5vw;
}

.lead {
	font-size: 2vw;
}

#home .navbar-light {
	opacity: 0.9;
}

#home .jumbotron {
	margin-top: 30vh;
}

.bg-img {
	background-color: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	animation: zoomIn forwards 12s ease-in;
}

.bg-tint {
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	display: table;
}

.gl-logo {
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1040;
}

.gl-logo, .gl-logo-img{
	width: 130px;
	transition: all .5s ease-in-out;
}

.gl-btn {
	background-color: #0f70b7;
	border-radius: 0px;
	color: #fff;
}

.gl-btn:hover {
	background-color: #2c8ce1;
	border-radius: 0px;
	color: #fff;
}

.middle {
	display: table-cell;
	vertical-align: middle;
}

.grid-container {
	width: 80%;
	margin: 30px auto 0 auto;
	margin-left: 15%;
	height: auto;
}

.grid-sizer, .grid-item {
	width: 20%;
}

.grid-item--width2 {
	width: 40%;
}

.grid-item {
	float: left;
	margin-bottom: 7px;
	cursor: pointer;
	opacity: 1.0;
	transition: opacity 1s ease-in-out;
}

.grid-item:hover {
	opacity: 0.7;
}

.grid-item img {
	display: block;
	max-width: 100%;
}

#img-lightbox {
	max-width: 600px;
	height: auto;
}

.contact-container {
	margin-top: 10em;
}

.contact-us-animation {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.bg-contact-us {
	background-image: url('img/bg-contact-us.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.checkmark {
    color: #2caae1;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(120px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
         
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(120px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.grid-layout img {
	display: block;
	max-width: 100%;
}

@media (max-width: 576px) {
	.gl-logo {
		top: 7% !important;
	}
	
	.gl-logo, .gl-logo-img {
		width: 50px !important;
	}
	
	#home .jumbotron {
		margin-top: 25vh;
	}

	.contact-container {
		margin-top: 5em;
	}	
	
	#img-lightbox {
		max-width: 150px;
	}
}

@media (max-width: 768px) {

}

@media (max-width: 992px) {	

	.grid-container {
		width: 100%;
		padding-left: 5%;
		margin-left: 0;
	}

	.grid-sizer, .grid-item {
		width: 30%;
		height: auto;
	}

	.grid-item--width2 {
		width: 30%;
		height: auto;
	}
	
	.grid-item {
		margin-bottom: 3px;
	}
	
	#home .navbar-light {
		opacity: 1;
	}
	
	h1 {
		font-size: 6vw;
	}
	
	.lead {
		font-size: 3vw;
	}
	
	#img-lightbox {
		max-width: 300px;
	}
}

@media (min-width: 992px) {
	@keyframes zoomIn{
		from {background-size: 120%;}
		to {background-size: 100%;}
	}
}


@media (min-width: 1200px) {

}