/*
80 - 60
font-size: 2.875rem;
font-size: clamp(2.875rem, 2.1267605633802815rem + 3.1924882629107985vw, 5rem);

60 - 24
font-size: 1.5rem;
font-size: clamp(1.5rem, 0.7077464788732395rem + 3.3802816901408446vw, 3.75rem);

60 - 40
font-size: 2.5rem;
font-size: clamp(2.5rem, 2.0598591549295775rem + 1.8779342723004695vw, 3.75rem);
*/

@font-face {
    font-family: 'GT America Expanded';
    src: url('../font/GTAmerica-ExpandedBlack.woff2') format('woff2'),
         url('../font/GTAmerica-ExpandedBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.bg_yellow {
	background-color: #FFDE2F;
}

.lined {
	padding: 0;
    list-style: none;
    margin: 0;
}
.lined li {
	border-top: 1px solid #FFDE2F;
    padding: 16px 25% 20px 0;
    line-height: 1.2;
}

h1, .h1 {
	text-transform: uppercase;
	font-size: 2.875rem;
	font-size: clamp(2.875rem, 2.1267605633802815rem + 3.1924882629107985vw, 5rem);
	font-family: 'GT America Expanded';
	font-weight: 900;
	line-height: 0.9;
}
h2, .h2 {
	text-transform: uppercase;
	font-size: 1.5rem;
	font-size: clamp(1.5rem, 0.7077464788732395rem + 3.3802816901408446vw, 3.75rem);
	font-family: 'GT America Expanded';
	font-weight: 900;
	line-height: 1;
}
h3, .h3 {
	text-transform: uppercase;
	font-size: 3.75rem;
	font-size: clamp(3.75rem, 3.3098591549295775rem + 1.8779342723004695vw, 5rem);
	font-family: 'recent-grotesk', sans-serif;
	line-height: 0.95;
}
h4, .h4 {
	text-transform: uppercase;
	font-size: 2.5rem;
	font-size: clamp(2.5rem, 2.0598591549295775rem + 1.8779342723004695vw, 3.75rem);
	font-family: 'recent-grotesk', sans-serif;
	line-height: 0.95;
}
h5, .h5 {
	
}
h6, .h6 {
	font-size: 1rem;
	font-size: clamp(1rem, 0.647887323943662rem + 1.5023474178403755vw, 2rem);
	font-family: 'degular-text', sans-serif;
	font-weight: 700;
}
p {
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 1.0149647887323943rem + 0.4694835680751174vw, 1.4375rem);
	font-family: 'degular-text', sans-serif;
}
li {
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 1.0149647887323943rem + 0.4694835680751174vw, 1.4375rem);
	font-family: 'degular-text', sans-serif;
}
.asterix {
	font-size: 18px;
    position: relative;
    top: -10px;
    margin: 0 0 0 5px;
}

section {
	padding: 10% 0;
}

header {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 25px 0;
    z-index: 999;
}

.logo {
	filter: invert(1);
}

header.sticky {
	background-color: #ffffff;
}

header.sticky .logo {
	filter: invert(0);
}

.hero {
	background-image: url(../img/hero-raptor.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    color: #fff;
}

.passion {
	width: 160px;
    position: relative;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.passion .words {
	position: absolute;
    top: 0;
    left: 0;
	animation: rotation 20s infinite linear;
}

@keyframes rotation {
	from {
    	transform: rotate(0deg);
	}
	to {
    	transform: rotate(359deg);
	}
}

.iconHolder {
	height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
}

footer p {
	font-size: 12px;
}


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

	section {
		padding: 15% 0;
	}
	
	.col-12 {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	header {
		position: relative;
		background-color: #FFDE2F;
		text-align: center;
	}
	header .logo {
		filter: invert(0);
	}
	
	.hero {
		background-image: none;
		padding: 0;
		color: #000;
	}
	.hero .top {
		background-color: #FFDE2F;
		padding: 5px 0 30px 0;
	}
	.hero .bottom {
		background-image: url(../img/hero-raptor.jpg);
	    background-repeat: no-repeat;
	    background-position: bottom center;
	    background-size: cover;
	    padding: 50px 0 175px;
	}

	.lined li {
		padding: 10px 0 13px 0;
	}

	.iconHolder img {
		max-width: 80px;
		max-height: 70px;
	}
	
}