/* GENERALE */
@font-face {
  font-family: 'New Spirit';
  src:  url('../fonts/NewSpiritCondensedTRIAL-Bold.woff') format('woff'),
        url('../fonts/NewSpiritCondensedTRIAL-Bold.woff2') format('woff2');
}
html, body{
	background-color: #E1DFD9;
	font-family: 'IBM Plex Mono';
}
#btn_locate {
	min-width: 175px;
	display: none;
	max-height: 72px;
}
#btn_locate_spinner{
	margin-top: -5px;
}
.section-padding{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.section-title{
	font-size: 3rem;
	line-height: 3rem;
	font-weight: bold;
	font-family: 'New Spirit';
}
.section-subtitle{
	font-size: 1.5rem;
	font-weight: bold;
	font-family: 'New Spirit';
	line-height: 2rem;
}
.section-text{
	font-size: 1.2rem;
}
.social-link{
	max-height: 30px;
	margin-right: 15px;
}
.top-link{
	color: #000;
	background-color: #FFF;
	padding: 0.5rem 0.5rem;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-family: 'New Spirit';
	letter-spacing: 1px;
}
.navbar.offtop .top-link{
	padding: 0.5rem 0.5rem;
}
.text-orange{
	color: #DE4A1A;
}
.pt-custom{
	padding-top: 3rem;
}
.py-custom{
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.btn-link{
	font-family: 'New Spirit';
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 1px;
}
.bg-green{
	background-color: #383D2B;
}
.text-green{
	color: #383D2B !important;
}
.round-top{
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}
/* NAVBAR */
.navbar{
	transition: all ease 0.4s;
}
.navbar.offtop{
	background-color: rgba(0,0,0,0.2);
}
.navbar .brand-logo {
	margin-left: 0.25rem;
	max-width: 70px;
	transition: all ease 0.4s;

}
.navbar #navbarSupportedContent .nav-link{
	color: #000;
	background-color: #FFF;
	padding: 1.5rem 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'New Spirit';
}
.navbar #navbarSupportedContent .nav-link:last-of-type{
	margin-right: 2rem;
}
.navbar.offtop .brand-logo {
	margin-left: .25rem;
	max-width: 50px;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.navbar.offtop #navbarSupportedContent .nav-link{
	color: #000;
	background-color: #FFF;
	padding: 1.5rem 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
}
.navbar.offtop #navbarSupportedContent .nav-link:last-of-type{
	margin-right: 2rem;
}
/* SECTION 1 */
.section-1 .section-title{
	padding-top: 40vh;
}
.section-1{
	background-image: url('../../assets/media/GW_Hero.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
	min-height: 600px;
}
.section-1 .section-text {
	margin-top: 6rem;
	padding-bottom: 3rem;
}
/* SECTION 2 */
.section-2 img{
	max-height: 600px;
}
.section-2 .section-text{
	margin-top: 2rem;
}
/* SECTION 3 */ 
.section-3 .section-text{
	margin-top: 0rem;
}
.section-3 .arc-container{
	margin-top: 2rem;
}
.section-3 .left-arc{
	padding-bottom: 2.5rem;
}
/* SECTION 6 */
.section-6 .section-text{
	margin-top: 4rem;
} 
.section-6 .section-title .map-logo{
	top: calc(50% - 25px);
	right: -2rem;
	max-width: 50px;
}
.section-6 #map_container{
	min-height: 400px;
}
/* SECTION 7 */
.section-7 .contact-text{
	margin-top: 2rem;
}
.section-7 input,
.section-7 textarea{
	border-width: 0 0 1px 0;
	border-radius: 0px;
	border-style: solid;
	border-color: #000;
}
.section-7 .contact-arc {
	bottom: 0;
	left: -215px;
	width: 200px;
}
/* SECTION 8 */
.section-8 .big-text {
	font-size: 6rem;
	line-height: 6rem;
	font-family: 'New Spirit';
}
/* MARQUEE */
.marquee-wrapper{
	display: flex;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	font-family: sans-serif;
 }
.loop-text {
	font-weight: 700;
	padding: 0 0.25em;
	font-family: 'New Spirit';
	font-size: 3rem;
}
.loop-text.rl {
	 animation: marqueeRL 45s infinite linear;      
}
.loop-text.lr {
	 animation: marqueeLR 45s infinite linear;      
}
@keyframes marqueeRL {

   from {
	   transform: translateX(0);
	}

   to {
	   transform: translateX(-100%);
	}

}
@keyframes marqueeLR {

   from {
	   transform: translateX(-100%);
	}

   to {
	   transform: translateX(0);
	}

}

@media (min-width: 576px) { 
	.section-title {
		font-size: 4rem;
		line-height: 4rem;
	}
	.section-subtitle {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.section-8 .big-text {
		font-size: 11rem;
		line-height: 11rem;
	}
	.section-6 .section-title .map-logo {
		top: calc(50% - 35px);
		right: -2rem;
		max-width: 70px;
	}
	.top-link{
		padding: 1.5rem 1.5rem;
	}
	.section-1{
		min-height: 700px;
	}
}

@media (min-width: 768px) {
	.section-title {
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
	.section-subtitle {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.section-text{
		font-size: 1.375rem;
	}
	.section-8 .big-text {
		font-size: 15rem;
		line-height: 15rem;
	}
	.loop-text {
		font-size: 4rem;
	}
	.section-1{
		min-height: 800px;
	}
	.navbar .brand-logo {
		margin-left: 2rem;
		max-width: 100px;
	}
	.section-3 .section-3-image{
		max-height: 600px;
	}
}

@media (min-width: 992px) {
	.navbar .brand-logo {
		margin-left: 2rem;
		max-width: 180px;
	}
	.navbar.offtop .brand-logo {
		margin-left: 2rem;
		max-width: 100px;
	}
	.navbar.offtop .top-link {
		padding: 1.5rem 1.5rem;
	}
	.py-custom {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.pt-custom{
		padding-top: 7rem;
	}
	.section-padding{
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.section-title {
		font-size: 4.7rem;
		line-height: 4.7rem;
	}
	.section-subtitle {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	.section-text{
		font-size: 1.375rem;
	}
	.section-3 .section-text {
		margin-top: 2rem;
	}
	.section-3 .arc-container {
		margin-top: 2rem;
	}
	.section-6 .section-title .map-logo {
		top: calc(50% - 40px);
		right: -1rem;
		max-width: 80px;
	}
	.section-7 .contact-text {
		margin-top: 20rem;
	}
	.section-8 .big-text {
		font-size: 19rem;
		line-height: 19rem;
	}
	.loop-text {
		font-size: 5rem;
	}
	.section-1{
		min-height: 900px;
	}
	.section-3 .section-3-image{
		max-height: unset;
	}
}

@media (min-width: 1200px) {
	.section-title {
		font-size: 5.8rem;
		line-height: 5.8rem;
	}
	.section-subtitle {
		font-size: 2.7rem;
		line-height: 3.1rem;
	}
	.section-6 .section-title .map-logo {
		top: calc(50% - 40px);
		right: -3rem;
		max-width: 100px;
	}
	.section-8 .big-text {
		font-size: 24rem;
		line-height: 24rem;
	}
	.loop-text {
		font-size: 5.8rem;
	}
	.section-1 {
		min-height: 1000px;
	}
}
@media (min-width: 1600px) {
	.section-title {
		font-size: 6.6rem;
		line-height: 6.6rem;
	}
	.loop-text {
		font-size: 6.8rem;
	}
	.section-1 {
		min-height: 1100px;
	}
}