html, body {
	overflow: auto!important;
}

#hero {
	height: 40%;
	min-height: 420px;
}

#hero > div > .row {
	margin: auto;
}

#hero > .container > .row > div > .pt-5 {
	padding-top: 5rem!important;
}

#hero > .container > .row > div > .pb-5 {
	padding-bottom: 5rem!important;
}

button {
	max-width: 568px;
	width: 100%;
}

.font-weight__800 {
	font-weight: 800;
}

h1{
	font-family: mr-eaves-xl-sans, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

#open-form{
	padding: 0;
	background-color: transparent;
	border: none;
}

#open-form:hover,
#open-form:focus,
#open-form:active {
	cursor: pointer;
}

.xxxxxl-font-size {
	font-size: 360%;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

button {
	cursor: pointer;
}

.base-font-size{
	font-size: 130%;
}

.icon-rings{
	height: 65px;
	width: 65px;
}

.icon-rings:hover,
.icon-rings:focus,
.icon-rings:active {
	color: var(--light-color);
	background-color: var(--dark-color)!important;
}

.btn-md {
	padding: 15px 0px;
}

.btn-dark-color {
	color: var(--white);
}

.btn-dark-color:hover,
.btn-dark-color:focus,
.btn-dark-color:active {
	background-color: var(--light-color);
	border-color: var(--light-color);
	color: var(--dark-color);
}


.fa-instagram {
	font-size: 45px!important;
}

.fa-facebook {
	font-size: 40px!important; 
	padding-top: 2px;
}

.fa-linkedin {
	font-size: 42px!important; 
	padding-bottom: 3px; 
	padding-left: 2px;
}

.fa-envelope-o {
	font-size: 40px!important;
	padding-bottom: 1px;
}

@media (min-width: 992px) {
	.col-lg-10 {
		max-width: 100%;
	}
}

@media screen and (max-width: 991px) {
	.xxxxxl-font-size {
		font-size: 360%;
	}
}

@media screen and (max-width: 767px) {
	#hero > .container > .row > div > .pt-5 {
		padding-top: 3rem!important;
	}
	
	#hero > .container > .row > div > .pb-5 {
		padding-bottom: 3rem!important;
	}
	.xxxxxl-font-size {
		font-size: 300%;
	}
	#hero {
		height: 33%;
		min-height: 370px;
	}
}

@media screen and (max-width: 554px) {
	.xxxxxl-font-size {
		font-size: 260%;
	}
	#hero {
		height: 30%;
		min-height: 320px;
	}
}

@media screen and (max-width: 498px) {
	.hero {
		padding: 30px 10px 0;
	}
	#hero > .container > .row > div > .pt-5 {
		padding-top: 2rem!important;
	}
	
	#hero > .container > .row > div > .pb-5 {
		padding-bottom: 2rem!important;
	}
	.icon-rings {
		width: 55px!important;
		height: 55px!important;
	}
	.fa-instagram {
		font-size: 36px!important;
	}
	.fa-facebook {
		font-size: 33px!important;
	}
	.fa-linkedin {
		font-size: 35px!important;
	}
	.fa-envelope-o {
		font-size: 35px!important;
	}
	.xxxxxl-font-size {
		font-size: 360%;
	}
	#hero {
		height: 35%;
		min-height: 340px;
	}
}

@media screen and (max-width: 441px) {
	.xxxxxl-font-size {
		font-size: 300%;
	}
}

@media screen and (max-width: 388px) {
	.xxxxxl-font-size {
		font-size: 225%;
	}
	#hero {
		height: 26%;
		min-height: 300px;
		padding-top: 20px;
	}
	#hero > .container > .row > div > .pt-5 {
		padding-top: 1.5rem!important;
	}
	#hero > .container > .row > div > .pb-5 {
		padding-bottom: 1.5rem!important;
	}
	
}