header {
	position: relative;
	height: 20vw;
	min-height: 150px;
	background-image: linear-gradient(#e2e2e2, #a0a0a0);
}

.figure-img {
	margin-top: 2rem;
}

header h1 {
	line-height: 20vw;
	font-weight: 900;
	font-size: 4rem;
}

main .media img {
	width: 10%;
}

@media (max-width: 1199.98px) {
	main .media img {
		width: 12%;
	}
}

@media (max-width: 991.98px) {
	main .media img {
		width: 15%;
	}
}

@media (max-width: 767.98px) {
	main .media img {
		width: 20%;
	}
}

.border {
	border-width: 3px !important;
}

@media (max-width: 762px) {
	h1 {
		height: 100px;
		line-height: 100px;
	}
	header {
		height: 300px;
	}
}

@media screen and (max-width: 400px) {
	.media {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}
	main .media img {
		width: 50%;
		height: 50%;
	}
}