.ibm-plex-serif-thin {
  font-family: "IBM Plex Serif", serif;
  font-weight: 100;
  font-style: normal;
}

.ibm-plex-serif-extralight {
  font-family: "IBM Plex Serif", serif;
  font-weight: 200;
  font-style: normal;
}

.ibm-plex-serif-light {
  font-family: "IBM Plex Serif", serif;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-serif-regular {
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-serif-medium {
  font-family: "IBM Plex Serif", serif;
  font-weight: 500;
  font-style: normal;
}

.ibm-plex-serif-semibold {
  font-family: "IBM Plex Serif", serif;
  font-weight: 600;
  font-style: normal;
}

.ibm-plex-serif-bold {
  font-family: "IBM Plex Serif", serif;
  font-weight: 700;
  font-style: normal;
}

.ibm-plex-serif-thin-italic {
  font-family: "IBM Plex Serif", serif;
  font-weight: 100;
  font-style: italic;
}

.ibm-plex-serif-extralight-italic {
  font-family: "IBM Plex Serif", serif;
  font-weight: 200;
  font-style: italic;
}

.ibm-plex-serif-light-italic {
  font-family: "IBM Plex Serif", serif;
  font-weight: 300;
  font-style: italic;
}

.ibm-plex-serif-regular-italic {
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-style: italic;
}

.ibm-plex-serif-medium-italic {
  font-family: "IBM Plex Serif", serif;
  font-weight: 500;
  font-style: italic;
}

.ibm-plex-serif-semibold-italic {
  font-family: "IBM Plex Serif", serif;
  font-weight: 600;
  font-style: italic;
}

.ibm-plex-serif-bold-italic {
  font-family: "IBM Plex Serif", serif;
  font-weight: 700;
  font-style: italic;
}


body {
	background-color: #f5e7c6;
	font-family: "IBM Plex Serif", serif;
	font-weight: 400;
	font-style: normal;
}

/*.container	{
	max-width: 60%;
	margin: auto;
}
*/
.gradient {
	background-image: linear-gradient(180deg,#fff, #f7ecd2 75%, #f5e7c6);
}
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
h1 img {
	width: 100px;
}

ul {
	list-style: none;
}

ul li a {
	font-size: 2rem;
	color: #701312;
}

ul li a:hover {
	color: #701312;
	opacity: 50%;
}

main {
	/*min-height: 500px;*/
	padding: 10rem 4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

main p {
	text-align: center;
	font-size: 2rem;
	max-width: 500px;
	margin: 4rem auto;
}

main .logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8rem;
}

main .logos img {
	max-width: 150px;
}

main .logos img:hover {
	opacity: 50%;
}

main .logos img.lafrentz {
	max-height: 100px;
}

footer {
	margin-top: 4rem;
	padding-bottom: 4rem;
	height: auto;
	background-color: #f5e7c6;
	font-size: 1.25rem;
}

footer ul {
	padding-left: 0;
}

footer a {
	color: #701312;
}

footer a:hover {
	color: #701312;
	opacity: 50%;
}

.logo-div {
	width: 100%;
	display: flex;
	justify-content: center;
}

@media (min-width: 768px) {
	.logo-div {
		width: 40%;
	}
}

@media (min-width: 992px) {
	.logo-div {
		width: unset;
	}
}