/* Hero Section */
.hero {
	background-color: var(--accent1);
}
.hero > div {
	display: grid;
	grid-template-areas: "titulo imagen" "texto imagen";
	grid-template-rows: min(25vw, 18rem) 1fr;
	grid-template-columns: 1fr 1.2fr;
	gap: 2rem 0;
	align-items: center;
}
.hero .imagen {
	grid-area: imagen;
	height: 100%;
	width: 100%;
	max-height: 60rem;
}
.hero .titulo {
	grid-area: titulo;
	height: 100%;
	padding-top: var(--space-xl-2xl);
}
.hero .texto {
	grid-area: texto;
	font-weight: 300;
	font-style: italic;
	padding-bottom: var(--space-2xl-3xl);
	padding-inline: 10%;
	text-align: center;
}
@media (max-width: 80rem) {
	.hero > div {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 55rem) {
	.hero > div {
		grid-template-areas: "imagen" "titulo" "texto";
		grid-template-rows: min(75vw, 20rem) min(40vw, 12rem) 1fr;
		grid-template-columns: 1fr;
		gap: 2rem 5rem;
		align-items: center;
	}
	.hero .titulo {
		padding-top: 0;
	}
	.hero .texto {
		text-align: center;
	}
}

/* Über uns section */
.fondofoto {
	position: relative;
	isolation: isolate;
	display: grid;
	align-items: center;
	min-height: 75vh;
}
.fondofoto .fondo {
	position: absolute;
	inset: 0;
	z-index: -1;
}
.fondofoto .fondo::after {
	content: "";
	background-color: var(--color-accent3);
	opacity: 0.7;
	position: absolute;
	inset: 0;
}
.fondofoto .texto {
	padding-block: var(--space-xl-2xl);
	font-size: var(--fs-2);
	line-height: 1.4;
	text-align: center;
	color: var(--color-bg);
}
.fondofoto .texto .boton {
	font-size: var(--fs-2);
}
.fondofoto .texto .boton:hover {
	background-color: var(--color-accent1);
	border-color: var(--color-accent1);
}

/* Double CTA section */
.doublecta {
	margin-block: var(--space-xl-2xl);
}
.doublecta .titulo {
	text-align: center;
	margin-bottom: 1em;
}
.doscol {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-l);
}
.doscol .col {
	background-color: var(--background-color-300);
	display: flex;
	flex-direction: column;
	border-radius: 1rem;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.doscol .col:nth-child(2n) {
	flex-direction: column-reverse;
}
.col .boton::after {
	content: "";
	position: absolute;
	inset: 0;
}
.col .imagen {
	overflow: hidden;
}
.col .contenido {
	padding: var(--space-l);
}
.col img {
	transition: transform 300ms ease;
}
.col:hover img {
	transform: scale(1.05);
}
@media (max-width: 55rem) {
	.doscol {
		grid-template-columns: 1fr;
	}
	.doscol .col:nth-child(2n) {
		flex-direction: column;
	}
}

.postslist {
	padding-block: var(--space-xl);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-m);
}
.postitem {
	position: relative;
	isolation: isolate;
	border-radius: 0.5rem;
	overflow: hidden;
	display: grid;
	grid-template-rows: auto 1fr;
	flex: 1;
	min-width: min(100%, 22rem);
}
.postitem::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--color-accent1);
	opacity: 0.4;
	z-index: -1;
	transition: opacity 300ms ease;
}
.postitem:hover::after {
	opacity: 0.7;
}
.postitem .imagen {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.postitem:hover .imagen img {
	filter: saturate(1.5);
}
.postitem .textos {
	padding: var(--space-m);
	display: grid;
	grid-template-rows: auto 1fr auto;
	gap: var(--space-s);
}
.postitem .boton {
	font-size: var(--fs--1);
	margin: auto 0 0;
}
.postitem .boton::after {
	content: "";
	position: absolute;
	inset: 0;
}
.postitem:last-child {
	grid-column-end: -1;
}

.cateringcta {
	background: var(--color-bg-300);
	padding-block: var(--space-xl-2xl);
}
.cateringcta .doscol {
	grid-column: wide;
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 50vh;
	gap: var(--space-xl-2xl);
}
.cateringcta .text {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: flex-start;
	justify-content: center;
	padding-block: var(--space-2xl);
}
.cateringcta h3 {
	position: relative;
	isolation: isolate;
}
.cateringcta h3::after {
	content: "";
	position: absolute;
	bottom: -0.25em;
	left: -10%;
	width: 120%;
	height: 1.66em;
	z-index: -1;
	background-color: var(--color-accent1);
	transform: rotate(-2deg);
}
.cateringcta img {
	border-radius: 0.5rem;
}
.cateringcta .text a {
	margin: 0;
	background-color: var(--color-accent3);
	border-color: var(--color-accent3);
}
.cateringcta .text a:hover {
	background-color: var(--color-accent2);
	border-color: var(--color-accent2);
}
@media (max-width: 55rem) {
	.cateringcta .doscol {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.cateringcta .text {
		padding-block: 0 var(--space-l);
		align-items: center;
		text-align: center;
	}
}

.mitmachen {
	height: 70vh;
	overflow: hidden;
	position: relative;
}
.mitmachen .fondo {
	height: 100%;
}
.mitmachen .contenido {
	position: absolute;
	isolation: isolate;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	min-width: min(30rem, 100%);
	padding: var(--space-xl);
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.mitmachen .contenido > * {
	max-width: 38ch;
}
.mitmachen .contenido::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--color-accent1);
	opacity: 0.7;
	z-index: -1;
}
.mitmachen .boton {
	margin: 0;
}
.mitmachen .boton:hover {
	background-color: var(--color-accent3);
	border-color: var(--color-accent3);
}

* {
	box-sizing: border-box;
}

/* Box sizing rules */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Prevent font size inflation */
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
	list-style: none;
}

/* Set core body defaults */
body {
	min-height: 100vh;
	line-height: 1.5;
	margin: 0;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
	line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
	text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
	color: currentColor;
}

/* Make images easier to work with */
img,
picture {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
	font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
	min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
	scroll-margin-block: 5ex;
}

/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* CUSTOM VALUES*/
:root {
	--background-color: #fff;
	--background-color-300: #eee;
	--text-color: #080808;
	--accent1: #e3b541;
	--accent2: #78231b;
	--accent3: #1db0bc;
	--accent4: #a3db74;
	--header-bg: rgba(255, 255, 255, 1);

	--content-width-regular: 65rem;
	--content-width-narrow: 45rem;
	--content-width-wide: 85rem;
	--content-width-text: 55ch;

	--header-height-mobile: 5rem;
	--header-height-int-laptop: 5rem;
	--header-height-ext-laptop: 7rem;

	--font-text: "Inter";
	--font-headings: "Inter";
}

/* Fonts */
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/fonts/Inter-Regular-subset.woff2) format("woff2"),
		url(/fonts/Inter-Regular-subset.woff) format("woff");
}
@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(/fonts/Inter-Italic-subset.woff2) format("woff2"),
		url(/fonts/Inter-Italic-subset.woff) format("woff");
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/fonts/Inter-Bold-subset.woff2) format("woff2"),
		url(/fonts/Inter-Bold-subset.woff) format("woff");
}
@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url(/fonts/Inter-ExtraBold-subset.woff2) format("woff2"),
		url(/fonts/Inter-ExtraBold-subset.woff) format("woff");
}

/* colors */
:root {
	--color-bg: var(--background-color);
	--color-bg-300: var(--background-color-300);
	--color-text: var(--text-color);
	--color-accent1: var(--accent1);
	--color-accent2: var(--accent2);
	--color-accent3: var(--accent3);
	--color-accent4: var(--accent4);

	--fs--1: clamp(0.875rem, 0.79rem + 0.42vw, 1.125rem);
	--fs-0: clamp(1rem, 0.88rem + 0.63vw, 1.275rem);
	--fs-1: clamp(1.1875rem, 1.04rem + 0.73vw, 1.625rem);
	--fs-2: clamp(1.4375rem, 1.19rem + 1.25vw, 2.1875rem);
	--fs-3: clamp(1.5625rem, 1.1rem + 2.29vw, 2.9375rem);
	--fs-4: clamp(1.75rem, 1.25rem + 2.5vw, 3.25rem);
	--fs-5: clamp(2.2rem, 1.58rem + 3.58vw, 5rem);
	--fs-6: clamp(2.75rem, 1.33rem + 7.08vw, 7rem);
	--fs-7: clamp(3rem, 0.88rem + 10.63vw, 9.375rem);

	--space-xs: clamp(0.75rem, 0.69rem + 0.29vw, 0.9375rem);
	--space-s: clamp(1rem, 0.92rem + 0.39vw, 1.25rem);
	--space-m: clamp(1.5rem, 1.38rem + 0.58vw, 1.875rem);
	--space-l: clamp(2rem, 1.84rem + 0.78vw, 2.5rem);
	--space-xl: clamp(3rem, 2.77rem + 1.17vw, 3.75rem);
	--space-2xl: clamp(4rem, 3.69rem + 1.55vw, 5rem);
	--space-3xl: clamp(6rem, 5.53rem + 2.33vw, 7.5rem);
	--space-xs-s: clamp(0.75rem, 0.59rem + 0.78vw, 1.25rem);
	--space-s-m: clamp(1rem, 0.73rem + 1.36vw, 1.875rem);
	--space-m-l: clamp(1.5rem, 1.19rem + 1.55vw, 2.5rem);
	--space-l-xl: clamp(2rem, 1.46rem + 2.72vw, 3.75rem);
	--space-l-2xl: clamp(2rem, 1.07rem + 4.66vw, 5rem);
	--space-xl-2xl: clamp(3rem, 2.38rem + 3.11vw, 5rem);
	--space-2xl-3xl: clamp(4rem, 2.91rem + 5.44vw, 7.5rem);

	--font-base: var(--font-text), "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: var(--font-headings), "Helvetica Neue", Helvetica, Arial,
		sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-base);
	font-size: var(--fs-0);
}

/* Utilities */
.layout {
	--width-narrow: min(var(--content-width-narrow), 100% - 2rem);
	--width-regular: min(var(--content-width-regular), 100% - 2rem);
	--width-wide: min(var(--content-width-wide), 100% - 2rem);
	--margin-wide-fullwidth: calc((100% - var(--width-wide)) / 2);
	--margin-regular-wide: calc((var(--width-wide) - var(--width-regular)) / 2);
	--margin-narrow-regular: calc(
		(var(--width-regular) - var(--width-narrow)) / 2
	);

	width: 100%;
	display: grid;
	grid-template-columns:
		[fullwidth-start]
		var(--margin-wide-fullwidth)
		[wide-start]
		var(--margin-regular-wide)
		[general-start]
		var(--margin-narrow-regular)
		[narrow-start]
		var(--width-narrow)
		[narrow-end]
		var(--margin-narrow-regular)
		[general-end]
		var(--margin-regular-wide)
		[wide-end]
		var(--margin-wide-fullwidth)
		[fullwidth-end];
}
.layout > * {
	grid-column: general;
}
.layout .narrow {
	grid-column: narrow;
}
.layout .wide {
	grid-column: wide;
}
.layout .fullwidth {
	grid-column: fullwidth;
}

.flex {
	display: flex;
}
.space-between {
	justify-content: space-between;
}
.sticky {
	position: sticky;
}
.cubrir img,
.cubrir picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ajustar img,
.ajustar picture {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.nowrap {
	white-space: nowrap;
}

.fs1 {
	font-size: var(--fs-1);
}
.fs2 {
	font-size: var(--fs-2);
}
.fs3 {
	font-size: var(--fs-3);
}
.fs4 {
	font-size: var(--fs-4);
}
.fs5 {
	font-size: var(--fs-5);
}
.fs6 {
	font-size: var(--fs-6);
}
.fs7 {
	font-size: var(--fs-7);
}
.fs-1 {
	font-size: var(--fs--1);
}

.boton {
	text-decoration: none;
	font-size: var(--fs-1);
	padding: 0.3em 1.5em;
	background-color: var(--color-accent2);
	color: var(--color-bg);
	border: 2px solid var(--color-accent2);
	border-radius: 0.5em;
	margin: 1.5em auto auto;
	display: flex;
	cursor: pointer;
	transition: 300ms;
	width: fit-content;
}
.boton.empty {
	background-color: transparent;
	color: var(--color-accent2);
}
.boton:hover {
	background-color: var(--color-accent3);
	border-color: var(--color-accent3);
	color: var(--color-bg);
}
.borde {
	border: 1px solid currentColor;
}
.alert {
	background: #ead7a9;
	color: #424242;
	font-weight: bold;
	margin: 1rem 0;
	padding: 1rem 1.5rem;
	border-radius: 0.5rem;
}

/* Header */
.site-header {
	height: var(--header-height-ext-laptop);
	display: flex;
	align-items: center;
	position: sticky;
	top: calc(var(--header-height-int-laptop) - var(--header-height-ext-laptop));
	background-color: var(--header-bg);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	z-index: 100;
}
.site-header .layout {
	position: sticky;
	top: 0;
}
.header-int {
	height: var(--header-height-int-laptop);
	grid-column: wide;
}
.mainlogo {
	width: max(50%, 10rem);
	padding-block: calc(var(--header-height-int-laptop) * 0.1);
}
.mainlogo img {
	object-position: left center;
}
@media (max-width: 55rem) {
	.site-header {
		--header-height-ext-laptop: var(--header-height-mobile);
		--header-height-int-laptop: var(--header-height-mobile);
	}
}
.imgheader {
	height: 50vh;
}
.header-anchor {
	display: none;
}
.maintitle {
	padding-top: var(--space-2xl);
}
.maintitle h1 {
	font-size: var(--fs-3);
	width: fit-content;
	margin-bottom: 0.75em;
	position: relative;
	isolation: isolate;
}
.maintitle h1::after {
	content: "";
	position: absolute;
	bottom: -0.25em;
	left: -10%;
	width: 130%;
	height: 1.66em;
	z-index: -1;
	background-color: var(--color-accent3);
	transform: rotate(-2deg);
}
.maintitle + .postslist {
	padding-top: 1rem;
}
/* Postslist */
.seccion {
	padding-block: var(--space-xl);
}
.seccion > .titulo {
	text-align: center;
	font-size: var(--fs-3);
}
.seccion .boton {
	margin-top: 0;
}
.ancla {
	padding-top: var(--header-height-ext-laptop);
	margin-top: calc(-1 * var(--header-height-ext-laptop));
}
/* Footer */
footer {
	background-color: var(--color-accent2);
	color: var(--color-bg);
}
.pie {
	display: grid;
	grid-template-columns: 1.5fr 2fr 1fr 1fr;
	justify-content: space-between;
	gap: var(--space-l);
	padding-block: var(--space-l-xl);
}
.pie svg {
	fill: currentColor;
}
.logopie {
	max-width: min(100%, 18rem);
}
.pie .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pie .forma {
	display: grid;
	grid-template-columns: 2rem 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 0 2rem;
	align-items: center;
}
.pie .forma + .forma {
	margin-top: 1.5rem;
}
.pie .forma .icono {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.pie .forma p {
	grid-column: 2 / 3;
	margin: 0;
	line-height: 1.2;
}
.pie a {
	text-decoration: none;
	transition: 300ms;
}
.pie a:hover {
	opacity: 0.7;
}
@media (max-width: 55rem) {
	.pie {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 40rem) {
	.pie {
		grid-template-columns: 1fr;
	}
	.logopie {
		margin-inline: auto;
	}
	.pie .formasdecontacto {
		width: fit-content;
		margin-inline: auto;
	}
	.pie .menu {
		text-align: center;
	}
}

.navbar {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
}
.menutop {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	list-style: none;
	gap: 0 2rem;
	margin: 0;
}
.menutop li {
	position: relative;
}
.menutop a {
	display: block;
	text-decoration: none;
	position: relative;
	line-height: 2rem;
	word-wrap: nowrap;
	padding: 0.3em 0;
}
.menutop a:hover,
.menutop a[aria-current="page"] {
	color: var(--accent2);
}
.menutop a[aria-current="page"]::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background-color: currentColor;
	height: 2px;
	width: 100%;
}
.menutop li:last-child a {
	padding: 0.4em 1em;
	background-color: var(--color-accent3);
	color: var(--color-bg);
	border-radius: 0.5em;
}
.menutop li:last-child a[aria-current="page"] {
	background-color: var(--color-accent2);
}
.menutop li:last-child a[aria-current="page"]::after {
	display: none;
}
.submenu {
	list-style: none;
	padding: 0 1rem;
	display: grid;
	grid-template-rows: 0fr;
	justify-content: flex-start;
	transition: 300ms grid-template-rows ease, 300ms padding ease;
	background-color: var(--background-color-300);
	position: absolute;
	left: -1rem;
	top: 2rem;
}
.submenu li {
	overflow: hidden;
	width: 15ch;
}
.submenu li a {
	display: none;
}
.dinamic li:hover .submenu {
	display: grid;
	grid-template-rows: 1fr;
	padding: 1rem;
}
.dinamic li:hover .submenu li a {
	display: block;
}
nav.navbar .hamburger {
	all: unset;
	display: var(--nav-button-display, none);
	align-items: center;
	position: relative;
	cursor: pointer;
	align-items: center;
	padding: 0;
}
nav.navbar [aria-current="page"] .hamburger-inner,
nav.navbar [aria-current="page"] .hamburger-inner::before,
nav.navbar [aria-current="page"] .hamburger-inner::after {
	background-color: var(--color-text);
}
nav.navbar .hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}
nav.navbar .hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
nav.navbar .hamburger-inner,
nav.navbar .hamburger-inner::before,
nav.navbar .hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: currentColor;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
nav.navbar .hamburger-inner::before,
nav.navbar .hamburger-inner::after {
	content: "";
	display: block;
}
nav.navbar .hamburger-inner::before {
	top: -10px;
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
nav.navbar .hamburger-inner::after {
	bottom: -10px;
	transition: bottom 0.1s 0.25s ease-in,
		transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
nav.navbar [aria-expanded="true"] .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
nav.navbar [aria-expanded="true"] .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
nav.navbar [aria-expanded="true"] .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out,
		transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Responsive */
@media (max-width: 55rem) {
	nav.navbar .hamburger {
		--nav-button-display: flex;
	}
	nav.navbar ul {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-end;
	}
	nav.navbar .hamburger + ul {
		position: fixed;
		top: calc(var(--header-height-ext-laptop) + 1px);
		left: 0;
		bottom: 100%;
		width: 100%;
		overflow: hidden;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		z-index: -1;
		padding: 0 0.5rem;
		margin: 0;
		transition: bottom 300ms linear, padding 300ms linear;
		background-color: var(--background-color-300);
		box-shadow: none;
		font-size: var(--fs-2);
	}
	nav.navbar .hamburger[aria-expanded="true"] + ul {
		bottom: 0;
		padding-block: 1rem;
	}
	nav.navbar .menutop > li {
		line-height: 2em;
	}
	nav.navbar .hamburger + .menutop ul {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		max-height: 20rem;
		margin: 0.5em 0;
		width: 100%;
		text-align: center;
		opacity: 1;
		padding: 0 !important;
		box-shadow: none;
		font-size: 0.8em;
		line-height: 1.2;
	}
}

.partners {
	background-color: var(--color-bg);
	padding: var(--space-xl-2xl) 1rem;
	text-align: center;
}
.partners .titulo {
	margin-bottom: 1em;
}
.partners .intro {
	max-width: 55ch;
	margin: auto;
	padding: 0;
}
.partners .logos {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-m);
	justify-content: center;
	align-items: center;
	margin: var(--space-l);
}
.partners .logopartner {
	flex-basis: 12%;
	flex-grow: 0;
	flex-shrink: 1;
}
.partners .logopartner img {
	max-width: 14rem;
	max-height: 6rem;
	min-width: 6rem;
}