@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");

.text-brand {
	color: #ff4438;
}

body {
	font-family: "Poppins", sans-serif !important;
}

/**
 * Hero Section:
 *
 * @credit https://codepen.io/componentity/pen/ZEWxmYR
 */
.headline {
	left: 130px;
}
.clipped {
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 650px) {
	.headline {
		left: 20px;
	}
	.clipped {
		/* clip-path: none; */
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
		max-height: 300px !important;
	}
}

.hero-img {
	background-image: url("img/hero-bg.png");
	background-position: center;
	background-size: cover;
}
@media screen and (min-width: 1440px) {
	.hero-img {
		background-position: 30px -192px;
	}
}
/* Hero Section */