@font-face {
  font-family: 'Poppins';
  src: url("./fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: 'Poppins';
  src: url("/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'Poppins';
  src: url("/fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Poppins';
  src: url("/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

h1,h2,h3,h4,h5,h6,p,img {
	margin: 0;
  	padding: 0;
}

body {
	min-height: 100vh;

	background:
		linear-gradient(0deg, rgba(85, 85, 85, 0.7), rgba(85, 85, 85, 0.7)),
		url('/img/home-blue.jpeg') center / cover no-repeat,
		lightgray;                                    /* bottom layer: fallback color */

}

.container {
	margin-left: auto;
	margin-right: auto;
	padding: 200px 20px 0 20px;

	max-width: 1400px;

	@media screen and (max-width: 768px) {
		padding: 100px 20px 100px 20px;
	}

	@media screen and (max-width: 390px) {
		padding: 50px 20px 50px 20px;
	}
}

img {
	max-width: 100%;
	height: 43px;
}

h1 {
	color: #FFFFFF;
	max-width: 700px;
	margin-top: 36px;

	/* 🖥 Desktop/Header/H2 - SemiBold */
	font-family: Poppins;
	font-size: 45px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px; /* 111.111% */

	@media screen and (max-width: 768px) {
		font-size: 36px;
		line-height: 40px;
	}


}

.accent {
	color: #F9B155;
}

p {
	max-width: 700px;
	margin-top: 36px;
	color: #FFFFFF;

	/* 🖥 Desktop/Header/H5 - Regular */
	font-family: Poppins;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 120% */

	@media screen and (max-width: 768px) {
		font-size: 20px;
		line-height: 25px;
	}

}

a {
	margin-top: 36px;
	display: flex;
	height: 42px;
	padding: 3px 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;

	border-radius: 40px;
	background: #333;
	/* Shadow/Black button */
	box-shadow: 0px 1px 5px 0px rgba(51, 51, 51, 0.40);
	width: fit-content;

	color:  #FFF;
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	/* 🖥 Desktop/Button/Small - Semibold */
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 19px;

	@media screen and (max-width: 768px) {
		font-size: 12px;
		line-height: 16px;
		padding: 10px 40px;
		height: auto;
		min-height: 40px;
		
	}

	text-decoration: none;
	cursor: pointer;
}