@font-face {
  font-family: "Golos";
  src: 
    local("Golos"),
    url("fonts/Gantari-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}



:root{
	--green:#104B50;
	--orange:#F2874D;
	--orange-acc:#FFA270;
	
	
	--txt-size:clamp(1rem, 1.1vw, 1.125rem);
	--txt-size-h1:clamp(1.75rem, 5vw, 3.25rem);
	--txt-size-h2:clamp(1.5rem, 2.1vw, 1.875rem);
	--txt-size-h3:clamp(1.125rem, 1.4vw, 1.25rem);
	--txt-size-h4:1.125rem;
	
	--sec-cont-width:1364px;
	--border-rad-s:2px;	
	--border-rad-m:8px;	
	
	--shadow:0 0 16px 1px rgba(19, 23, 82, .05);
}

*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
body{
	font-family:"Golos", sans-serif;
	color:white;
	line-height:1.5;
	font-size:var(--txt-size);
	background:var(--green);
	min-height:100dvh;
	display:flex;
	flex-direction:column;
	justify-content: space-between
	
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100dvh;
}
#overlay{
	background:var(--green);
	background:linear-gradient(45deg,rgba(16,75,80,1) 25%, rgba(16,75,80,.75) 100%);
	opacity:.95;
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}
/*---------- headings and text*/
h1, h2, h3, h4{
	
	margin:1.5em 0 .75em;
	line-height:1.5;
	
}
h1{
	font-size:var(--txt-size-h1);
	font-weight:300;
	margin-top:0;
	text-transform:uppercase;
	span{
		color:var(--orange);
		font-size:.75em;
		font-weight:200;
		
        display: block;
	}
}

p{
	line-height:1.6;
	margin-bottom:1em;
}
strong{
	font-weight:600;
}

a{
	text-underline-offset:3px;
	color:inherit;
	
}
a:not(.button):hover{
	text-decoration:none;
	opacity:.8;
}
	}
}
.small{
	font-size:.9em;
	
	
}


/*----------- section*/
section{
	width:100%;
	max-width:100vw;
}
.sec-cont-wrap{
	width:100%;
	max-width:var(--sec-cont-width);
	margin:auto;
	padding:40px 20px;
	
	
}

/*---------------------------------------- header*/
header{

	z-index:9;
	.sec-cont-wrap{
		padding-top:20px;
		padding-bottom:0px;
	}
	
}

.logo-d{
	height:auto;
	width:clamp(180px, 17vw, 240px);
}
/*---------------------------------------- main*/
main{
	position:relative;
}
/*---------------------------------------- footer*/

footer{
	position:relative;
	.sec-cont-wrap{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-top:0px;
		padding-bottom:80px;
		gap:1rem;
		row-gap:2rem;
		
	} 
	p{
		margin:0;
		flex:1
	}
	#footer-grid-wrap{
		display:flex;
		min-width: 65%;
		column-gap:2rem;
		
		justify-content: space-between
	}
	.footer-grid span{
		display:block;
	}
	.footer-grid span:nth-child(odd){
		text-transform:uppercase;
		color:var(--orange);
		font-size:.75rem;
		margin-top:.75em;
		
	}
}
@media screen and (min-width:480px){
	
	footer .footer-grid{
		display:grid;
		grid-template-columns:max-content 1fr;
		column-gap:1.25rem;
		align-items: center;
	}
	footer .footer-grid span:nth-child(odd){
		margin-top:0;
	}
}

@media screen and (max-width:768px){
	h1{
		font-weight:400;
		span{
			color:var(--orange-acc);
			font-weight:300;
		}
	}
	#myVideo{
		top:0;
		bottom:unset;
	}
	#hero .sec-cont-wrap{
		min-height:40vh;
	}
	footer{
		.sec-cont-wrap{
			flex-direction:column;
		}
		#footer-grid-wrap{
			flex-direction:column;
			row-gap:2rem;
		}
	}
	
	 
}

@media screen and (min-width:992px){
	
	.sec-cont-wrap{
		padding:40px 40px;
	}
	header{
		.sec-cont-wrap{
			padding-top:56px!important;
			
		}
	}
}