@font-face {

	font-family:f-regular;

	src:url(assets/fonts/FuturaPT-Medium.woff) format("woff")

}



@font-face {

	font-family:f-bold;

	src:url(assets/fonts/FuturaPT-DemiObl.woff) format("woff")

}



@font-face {

	font-family:f-boldx;

	src:url(assets/fonts/FuturaPT-ExtraBold.woff) format("woff")

}



@font-face {

	font-family:f-light;

	src:url(assets/fonts/FuturaPT-Light.woff) format("woff")

}



* {

	box-sizing:border-box;

	color:#fff;

	margin:0;

	padding:0

}



body {

	display:flex;

	flex-direction:column;

	height:100vh;

	justify-content:space-between;

	width:100%

}



header {

	padding:6px 14px;

	position:relative

}



nav {

	padding:12px 0

}



main {

	padding:12px 40px;

	position:relative

}



.d-b {

	display:block

}



.d-f {

	display:flex

}



.ff-r {

	font-family:f-regular

}



.ff-l {

	font-family:f-light

}



.cover {

	height:150%;

	left:50%;

	overflow:hidden;

	position:absolute;

	top:50%;

	transform:translate(-50%,-50%);

	width:100%;

}



.cover-item {

	height:100%;

	width:100%;

}



.ta-c {

	text-align:center

}



h1 {

	font-family:f-regular;

	font-size:3.125rem;

	max-width:70%;

	text-align:center;

}



h2 {

	text-align:center;

}



section {

	align-items:center;

	display:flex;

	flex-direction:column;

	justify-content:center;

}



.btn-marg {

	margin-right:10px;

}



.btn-link {

	background-color:#d90000;

	border:2px solid #fff;

	color:#fff;

	font-family:f-regular;

	overflow:hidden;

	padding:12px 14px;

	position:relative;

	text-decoration:none;

	text-transform:uppercase;

}



.btn-link::before,.btn-link::after {

	background:rgba(255,255,255,0.4);

	content:'';

	height:100%;

	position:absolute;

	transition:all .5s;

	width:0

}



.btn-link::before {

	left:0;

	top:0;

	transform:skewX(-45deg);

	transform-origin:bottom left

}



.btn-link::after {

	bottom:0;

	right:0;

	transform:skewX(45deg);

	transform-origin:bottom right

}



.btn-link:hover::before {

	width:100%

}



.btn-link:hover::after {

	width:100%

}



.mb-10 {

	margin-bottom:10px

}



.mb-40 {

	margin-bottom:20px

}



.sub-para {

	font-family:f-regular

}



.cover-picture {

	filter:brightness(0.6);

	height:100%;

	object-fit:cover;

	width:100%

}



.cover-picture img {

	height:100%;

	object-fit:cover;

	width:100%!important

}



.link-logo {

	height:64px;

	width:64px

}



.link-logo img {

	height:60px;

	object-fit:contain;

	width:197px!important

}



footer {

	color:#fff;

	padding:20px 0;

	padding:6px 14px;

	position:relative;

}



.footer-container {

	align-items:center;

	display:flex;

	flex-direction:column;

	justify-content:center;

	margin:0 auto;

	max-width:1200px

}



.social {

	display:flex;

	gap:20px;

	margin-top:10px

}



.link-item-footer img {

	transition:transform .3s ease

}



.link-item-footer:hover img {

	transform:scale(1.1);

}



.link-item-footer,.social {

	align-items:center;

	display:flex;

}



.link-item-footer .img {

	height:30px;

	width:30px

}



.link-item-footer .img img {

	height:100%;

	object-fit:cover;

	width:100%;

}



@media only screen and (max-width:600px) {

	h1 {

		font-size:2rem;

		max-width:100%

	}



	h2 {

		font-size:1.125rem

	}

}



@media only screen and (max-width: 300px) {

	main {

		padding:12px 8px;

	}

}