:root{
	--theme-color-yellow:#FDD424;
}
@font-face {
	font-family: Black-signature;
	src: url(../fonts/black_signature.otf);
}
html,body{
	/* height: 100%; */
	font-family: 'Montserrat', sans-serif;
	background-color: black;
	color:white;
}
small{
	font-size: 10px;
}
.elem1{
	position: absolute;
	width: 15px;
	left: 0px;
}
.elem2{
	position: absolute;
	width: 10px;
	top: 270px;
	right: 0px;
}
.elem3{
	position: absolute;
	width: 14px;
	left: 0px;
}
.elem4{
	position: absolute;
	right: 40px;
	bottom: 30px;
	width: 120px;
}
.elem5{
	position: absolute;
	width: 190px;
	top: 0px;
	right: 40px;
}
.elem6{
	position: absolute;
	width: 20px;
	left: 0px;
}
.elem7{
	position: absolute;
	width: 300px;
	left: 15px;
	bottom: 0px;
}
.elem8{
	position: absolute;
	width: 20px;
	right: 0px;
	top: 180px;
}
section{
	position: relative;
	display: flex;
	background-size: cover;
	min-height: 550px;
	background-position: center center;
	padding-top: 60px;
	padding-bottom: 60px;
	align-items: center;
	padding: 60px 15px;
}
section.sec1{
	background-image:url(../images/1.jpg);
	margin-top: 0px;
	padding-top: 30px;
}
section.sec2{
	background-image:url(../images/2.jpg);
}
section.sec3{
	background-color: black;
	background-image:url(../images/3.jpg);
	background-repeat: none;
}
section.sec4{
	background-color:var(--theme-color-yellow);
	color:black;
}
section.sec5{
	background-color:white;
	color:black;
}
.h15{
	height: 15px;
}
.h30{
	height: 30px;
}
.h60{
	height: 60px;
}
.h100{
	height: 100px;
}
.font-black-signature{
	font-family: Black-signature;
	color: white;
	font-size: 24px;
}
.yc_logo{
	height: 36px;
}
.neom_logo{
	height: 80px;
}
.scissors{
	width: 100%;
	max-width: 600px;
}
h1{
	color:#FDD424;
	font-weight: bold;
	font-size: 36px;
}
h3{
	color:#FDD424;
	font-weight: bold;
/*	font-size: 36px;*/
}
.icon_container{
	display: flex;
	justify-content: space-between;
	max-width: 500px;
}
.icon_container .box{
	font-weight: 600;
}
.icon_container .box img{
	height: 20px;
}
.icon_container.alt{
	margin: 0px auto;
}
.icon_container.alt .box{
	background-color: var(--theme-color-yellow);
	padding: 10px;
	color: black;
}
.icon_container.alt .box img{
	height: 20px;
	vertical-align: sub;
	filter: invert(1);
}
.structure_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 750px;
	gap: 10px;
	margin: 0px auto;
}
.structure_container img{
	width: 240px;
}
a.button{
	background-color: var(--theme-color-yellow);
	padding: 10px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	margin-top: 30px;
}
footer{
	display: flex;
	align-items: center;
	font-size: 12px;
	justify-content: space-between;
	gap: 10px;
}
footer img.yc_logo{
	width: 160px;
}
footer img.neom_logo{
	height: 50px;
}
ul{
	margin: 0px;
	padding-left: 16px;
}
li{
	font-size: 10px;
	font-weight: 600;
}
@media(max-width: 991px){
	.structure_container{
		justify-content: center;
	}
}
@media(max-width: 768px){
	.structure_container{
		display: flex;
		max-width: unset;
	}
	.structure_container img{
		width: 280px;
	}
}
@media(max-width: 500px){
	.yc_logo{
		height: 30px;
		width: unset;
	}
	.neom_logo{
		height: 50px;
	}
	footer{
		justify-content: center;
	}
	footer img.yc_logo{
		width: 100px;
	}
	footer img.neom_logo{
		width: 39px;
	}
}