*,
html {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	scroll-behavior: smooth;
}
body {
	overflow-x: hidden;
	font-family: "Poppins", serif;
}
.poppins-thin {
	font-family: "Poppins", serif;
	font-weight: 100;
	font-style: normal;
}

.poppins-extralight {
	font-family: "Poppins", serif;
	font-weight: 200;
	font-style: normal;
}

.poppins-light {
	font-family: "Poppins", serif;
	font-weight: 300;
	font-style: normal;
}

.poppins-regular {
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: normal;
}

.poppins-medium {
	font-family: "Poppins", serif;
	font-weight: 500;
	font-style: normal;
}

.poppins-semibold {
	font-family: "Poppins", serif;
	font-weight: 600;
	font-style: normal;
}

.poppins-bold {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: normal;
}

.poppins-extrabold {
	font-family: "Poppins", serif;
	font-weight: 800;
	font-style: normal;
}

.poppins-black {
	font-family: "Poppins", serif;
	font-weight: 900;
	font-style: normal;
}

.poppins-thin-italic {
	font-family: "Poppins", serif;
	font-weight: 100;
	font-style: italic;
}

.poppins-extralight-italic {
	font-family: "Poppins", serif;
	font-weight: 200;
	font-style: italic;
}

.poppins-light-italic {
	font-family: "Poppins", serif;
	font-weight: 300;
	font-style: italic;
}

.poppins-regular-italic {
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: italic;
}

.poppins-medium-italic {
	font-family: "Poppins", serif;
	font-weight: 500;
	font-style: italic;
}

.poppins-semibold-italic {
	font-family: "Poppins", serif;
	font-weight: 600;
	font-style: italic;
}

.poppins-bold-italic {
	font-family: "Poppins", serif;
	font-weight: 700;
	font-style: italic;
}

.poppins-extrabold-italic {
	font-family: "Poppins", serif;
	font-weight: 800;
	font-style: italic;
}

.poppins-black-italic {
	font-family: "Poppins", serif;
	font-weight: 900;
	font-style: italic;
}

.navbar {
	background: rgba(102, 116, 99, 1);
}
.navbar-brand img {
	height: 2rem;
}

.video-background {
	position: relative;
	width: 100%;
	min-height: 100vh;
}

.contact-sec {
	/* background-color: #fafafa; */

	background-color: #3e473b;
}
.contact-wrapper {
	margin: 50px auto;
	padding: 30px 0px 15px 30px;
	background-color: #667463;
	color: #d2d8c6;
	border-radius: 10px;
}
.contact-wrapper h3 {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: #ffffff solid 2px;
}
.contact-wrapper form {
	margin: 30px auto !important;
	padding-right: 30px;
}
#emailHelp {
	color: #fafafa !important;
	font-size: 10px !important;
}
button[type="submit"] {
	display: block;
	margin: 50px auto 0 auto !important;
	min-width: 50% !important;
}
hr {
	display: block;
	margin: 40px auto !important;
	max-width: 80%;
}
.social {
	margin-bottom: 15px !important;
}
.social a {
	color: #d2d8c6;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	border: 2px solid #3e473b;
	background: #3e473b;
	border-radius: 0;
	margin-right: 5px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	border-radius: 100%;
	display: inline-block;
}
.social a:hover {
	border: 2px solid #525e4f;
	background: #525e4f;
	color: #d2d8c6;
}

/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/