@import 'normalize.css';

/* Caveat | normal | latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/caveat/v22/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpYQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Caveat Brush | normal | latin */
@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/caveatbrush/v11/EYq0maZfwr9S9-ETZc3fKXt8XLOS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Source Sans 3 | italic | latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300 700;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v18/nwpMtKy2OAdR1K-IwhWudF-R3woqZ-LY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Source Sans 3 | normal | latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300 700;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v18/nwpStKy2OAdR1K-IwhWudF-R3w8aZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/** DEFINE COLORS **/
	--color-base: #F4F1EF;
	--color-text: #4C4136;
	--color-grey: #CBCBCB;
	--color-background: #DED6D0;
	--color-background-light: #E7E2DF;
	
	--color-accent: #267070;
	--text-color-has-background-accent: #FFFFFF;
	--color-accent-hover: #FF9F5B;
	--text-color-has-background-accent-hover: #FFFFFF;
	--color-accent-active: #D15408;
	--text-color-has-background-accent-active: #FFFFFF;
	/** END DEFINE COLORS **/
	
	/** DEFINE FONTS **/
	--font-family-base: "Source Sans 3", Verdana, Arial, Helvetica, sans-serif;
	--font-weight-base-normal: 400;
	--font-weight-base-bold: 600;
	--font-weight-base-light: 300;
	
	--font-family-titles: var(--font-family-base);
	--font-weight-normal-title: var(--font-weight-base-normal);
	--font-weight-bold-title: var(--font-weight-base-bold);
	--font-weight-light-titles: var(--font-weight-base-light);
	
	--font-family-accent: "Caveat Brush", "Caveat", cursive, serif;
	--font-weight-accent: 400;
	
	--font-family-accent-sub: "Caveat", "Caveat Brush", cursive, serif;
	--font-weight-accent-sub: 400;
	--font-weight-accent-sub-bold: 700;
	
	--font-size-base: 20px;
	--font-size-heading-l: calc(var(--font-size-base) * 3);
	--line-height-heading-l: 1em;
	--font-size-heading-m: calc(var(--font-size-base) * 2);
	--line-height-heading-m: 1.3em;
	--font-size-heading-s: calc(var(--font-size-base) * 1.5);
	--line-height-heading-s: 1.3em;
	--font-size-body-xl: calc(var(--font-size-base) * 1.4);
	--line-height-body-xl: 1.5em;
	--font-size-body-l: calc(var(--font-size-base) * 1.3);
	--line-height-body-l: 1.5em;
	--font-size-body-m: var(--font-size-base);
	--line-height-body-m: 1.5em;
	--font-size-body-s: calc(var(--font-size-base) * 0.875);
	--line-height-body-s: 1.3em;
	/** END DEFINE FONTS **/
	
	/** DEFINE WIDTH AND HEIGHT **/
	--width-min: calc(var(--font-size-base) * 20);
	--width-short: calc(var(--font-size-base) * 40);
	--width-wide: calc(var(--font-size-base) * 50);
	--height-cover: max( calc(var(--font-size-base) * 12), calc(100vh - var(--font-size-base)*12) );
	--height-header: calc(var(--font-size-base) * 4);
	/** END DEFINE WIDTH AND HEIGHT **/
	
	/** DEFINE SPACING **/
	--spacing-xs: calc(var(--font-size-base) * 0.6);
	--spacing-s: calc(var(--font-size-base) * 1);
	--spacing-m: calc(var(--font-size-base) * 1.2);
	--spacing-l: calc(var(--font-size-base) * 1.5);
	--spacing-xl: calc(var(--font-size-base) * 2);
	--spacing-xxl: calc(var(--font-size-base) * 2.5);
	/** END DEFINE SPACING **/
	
	/** DEFINE BORDERS **/
	--border-size-m: 0.05rem;
	--border-size-l: 0.1rem;
	--border-radius-m: calc(var(--font-size-base) * 1);
	--border-radius-l: calc(var(--font-size-base) * 2);
	/** END DEFINE BORDERS **/
	
	/** DEFINE OPACITY **/
	--opacity-disabled: 0.8;
	--opacity-cover: 0.6;
	/** END DEFINE OPACITY **/
	
	/** CONFIG BODY COLORS **/
	--text-color-body: var(--color-text);
	--background-color-body: var(--color-base);
	/** END CONFIG BODY COLORS **/
	
	/** CONFIG BLOCKS SPACINGS **/
	--spacing-screen-horizontal: var(--spacing-l);
	--spacing-group-vertical: var(--spacing-xxl);
	--spacing-subgroup-vertical: var(--spacing-xl);
	--spacing-subgroup-horizontal: var(--spacing-l);
	
	--margin-text-top-heading-l: var(--spacing-l);
	--margin-text-bottom-heading-l: var(--spacing-l);
	--margin-text-top-heading-m: var(--spacing-l);
	--margin-text-bottom-heading-m: var(--spacing-m);
	--margin-text-top-heading-s: var(--spacing-l);
	--margin-text-bottom-heading-s: var(--spacing-m);
	--margin-text-top-body-l: var(--spacing-m);
	--margin-text-bottom-body-l: var(--spacing-s);
	--margin-text-top-body-m: var(--spacing-s);
	--margin-text-bottom-body-m: var(--spacing-s);
	--margin-text-top-body-s: var(--spacing-xs);
	--margin-text-bottom-body-s: var(--spacing-xs);
	/** END CONFIG BLOCKS SPACINGS **/
	
	/** CONFIG MEDIA COVERS **/
	--background-color-cover: var(--color-text);
	--text-color-cover: var(--color-base);
	--text-color-cover-links: var(--text-color-cover);
	--text-color-cover-links-hover: var(--text-color-cover);
	--text-color-cover-links-active: var(--text-color-cover);
	--text-decoration-cover-links: underline;
	--text-decoration-cover-links-hover: var(--text-decoration-links-hover);
	--text-decoration-cover-links-active: var(--text-decoration-links-active);
	/** CONFIG MEDIA COVERS **/
	
	/** CONFIG LINKS **/
	--text-decoration-links: underline;
	--text-color-links: var(--color-accent);
	--text-decoration-links-hover: underline;
	--text-color-links-hover: var(--color-accent-hover);
	--text-decoration-links-active: underline;
	--text-color-links-active: var(--color-accent-active);
	/** END CONFIG LINKS **/
	
	/** CONFIG BUTTONS **/
	--padding-vertical-button: var(--spacing-s);
	--padding-horizontal-button: var(--spacing-m);
	--text-decoration-button: none;
	--text-color-button: var(--text-color-has-background-accent);
	--background-color-button: var(--color-accent);
	--border-size-button: var(--border-size-m);
	--border-style-button: solid;
	--border-color-button: var(--color-accent);
	--border-radius-button: var(--border-radius-l);
	--opacity-button: 1;
	--transition-button: all 0.5s;
	/* hover button */
	--text-decoration-button-hover: none;
	--text-color-button-hover: var(--text-color-has-background-accent-hover);
	--background-color-button-hover: var(--color-accent-hover);
	--border-style-button-hover: var(--border-style-button);
	--border-color-button-hover: var(--background-color-button-hover);
	--opacity-button-hover: 1;
	/* active button */
	--text-decoration-button-active: none;
	--text-color-button-active: var(--text-color-has-background-accent-active);
	--background-color-button-active: var(--color-accent-active);
	--border-style-button-active: var(--border-style-button);
	--border-color-button-active: var(--background-color-button-active);
	--opacity-button-active: 1;
	/** END CONFIG BUTTONS **/
	
	/** CONFIG LISTS **/
	--spacing-list-group: 2.3rem;
	--spacing-list-item: var(--margin-text-top-body-s);
	/** END CONFIG LISTS **/
}

/** RESET **/
* {
	box-sizing: border-box;
}
html, body {
	min-width: var(--width-min);
	margin: 0;
	
	font-family: var(--font-family-base);
	font-weight: var(--font-weight-base-normal);
	font-size: var(--font-size-body-m);
	line-height: var(--line-height-body-m);
	
	color: var(--text-color-body);
	background-color: var(--background-color-body);
}
strong, b {
	font-weight: var(--font-weight-base-bold);
}
figure {
	margin: 0;
	padding: 0;
	line-height: 0;
}
img {
	max-width: 100%;
	height: auto;
}

/* Anchor effect */
html {
	scroll-behavior: smooth;
}
[id] {
	scroll-margin-top: calc(var(--height-header) - var(--spacing-group-vertical)/2);
}
/** END RESET **/

/** TEXT COMPONENTS **/
p, ul {
	margin-block: 0;

	&:not(:first-child) {
		margin-top: var(--margin-text-top-body-m);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-body-m);
	}
}

/* Links */
a {
	color: var(--text-color-links);
	text-decoration: var(--text-decoration-links);
	
	&:hover,
	&:focus-visible {
		--text-color-links: var(--text-color-links-hover);
		--text-decoration-links: var(--text-decoration-links-hover);
	}
	
	&:active {
		--text-color-links: var(--text-color-links-active);
		--text-decoration-links: var(--text-decoration-links-active);
	}
}

/* Lists */
ul, ol {
	padding-left: var(--spacing-list-group);
	
	& > li:not(:first-child) {
		margin-top: var(--spacing-list-item);
	}
	
	&.list-none,
	&.list-inline {
		list-style: none;
		padding-left: 0;
		
		& > li:not(:first-child) {
			margin-top: 0;
		}
	}
	
	&.list-inline {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: var(--spacing-s);
	}
}

/* Titles */
h1:not(.no-title, .title-h2, .title-h3, .title-h4, .title-h5, .title-h6),
body .title-h1 {
	margin-block: 0;
	
	font-family: var(--font-family-title);
	font-weight: var(--font-weight-bold-title);
	font-size: var(--font-size-heading-l);
	line-height: var(--line-height-heading-l);
	
	& strong,
	& b {
		font-weight: var(--font-weight-bold-title);
	}
	
	&:not(:first-child) {
		margin-top: var(--margin-text-top-heading-l);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-heading-l);
	}
}
h2:not(.no-title, .title-h1, .title-h3, .title-h4, .title-h5, .title-h6),
body .title-h2 {
	margin-block: 0;
	
	font-family: var(--font-family-title);
	font-weight: var(--font-weight-bold-title);
	font-size: var(--font-size-heading-m);
	line-height: var(--line-height-heading-m);
	
	& strong,
	& b {
		font-weight: var(--font-weight-bold-title);
	}
	
	&:not(:first-child) {
		margin-top: var(--margin-text-top-heading-m);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-heading-m);
	}
}
h3:not(.no-title, .title-h1, .title-h2, .title-h4, .title-h5, .title-h6),
body .title-h3 {
	margin-block: 0;
	
	font-family: var(--font-family-title);
	font-weight: var(--font-weight-bold-title);
	font-size: var(--font-size-heading-s);
	line-height: var(--line-height-heading-s);
	
	& strong,
	& b {
		font-weight: var(--font-weight-bold-title);
	}
	
	&:not(:first-child) {
		margin-top: var(--margin-text-top-heading-s);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-heading-s);
	}
}
h4:not(.no-title, .title-h1, .title-h2, .title-h3, .title-h5, .title-h6),
body .title-h4 {
	margin-block: 0;
	
	font-weight: var(--font-weight-body-bold);
	font-size: var(--font-size-body-l);
	line-height: var(--line-height-body-l);
	
	&:not(:first-child) {
		margin-top: var(--margin-text-top-body-l);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-body-l);
	}
}
h5:not(.no-title, .title-h1, .title-h2, .title-h3, .title-h4, .title-h6),
body .title-h5 {
	margin-block: 0;
	
	font-size: var(--font-size-body-l);
	line-height: var(--line-height-body-l);
	
	&:not(:first-child) {
		margin-top: var(--margin-text-top-body-l);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-body-l);
	}
}
h6:not(.no-title, .title-h1, .title-h2, .title-h3, .title-h4, .title-h5),
body .title-h6 {
	margin-block: 0;
	
	font-weight: var(--font-weight-body-bold);
	font-size: var(--font-size-body-m);
	line-height: var(--line-height-body-m);
	
	&:not(:first-child) {
		margin-top: var(--margin-text-top-body-m);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-body-m);
	}
}

small,
.text-small {
	font-size: var(--font-size-body-s);
	line-height: var(--line-height-body-s);
}
/** END TEXT COMPONENTS **/

/** TABLES **/
table {
	&:not(:first-child) {
		margin-top: var(--margin-text-top-body-m);
	}

	&:not(:last-child) {
		margin-bottom: var(--margin-text-bottom-body-m);
	}

	td,
	th {
		text-align: left;
		padding: calc(var(--spacing-list-item) / 2) calc(var(--spacing-list-group) / 2);
	}

	th:first-child {
		padding-left: 0rem;
	}
}
/** END TABLE **/

/** BUTTONS **/
button,
body .button {
	display: block;
	width: fit-content;
	margin: 0;
	padding: var(--padding-vertical-button) var(--padding-horizontal-button);
	
	text-decoration: var(--text-decoration-button);
	color: var(--text-color-button);
	background-color: var(--background-color-button);
	border: var(--border-size-button) var(--border-style-button) var(--border-color-button);
	border-radius: var(--border-radius-button);
	opacity: var(--opacity-button);
	transition: var(--transition-button);
	
	&:not(:disabled):not(.disabled) {
		&:hover,
		&:focus-visible {
			text-decoration: var(--text-decoration-button-hover);
			color: var(--text-color-button-hover);
			background-color: var(--background-color-button-hover);
			border-style:  var(--border-style-button-hover);
			border-color: var(--border-color-button-hover);
			opacity: var(--opacity-button-hover);
		}
		
		&:active {
			text-decoration: var(--text-decoration-button-active);
			color: var(--text-color-button-active);
			background-color: var(--background-color-button-active);
			border-style:  var(--border-style-button-active);
			border-color: var(--border-color-button-active);
			opacity: var(--opacity-button-active);
		}
	}
}
/** END BUTTONS **/

/** COMPONENTS **/
/* Media covers */
body .media-cover {
	--text-color-links: var(--text-color-links-cover);
	--text-color-links-hover: var(--text-color-cover-links-hover);
	--text-color-links-active: var(--text-color-cover-links-active);
	--text-decoration-links: var(--text-decoration-links-cover);
	--text-decoration-links-hover: var(--text-decoration-cover-links-hover);
	--text-decoration-links-active: var(--text-decoration-cover-links-active);
	
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: var(--height-cover);
	
	color: var(--text-color-cover);
	background-attachment: fixed;
	background-color: var(--background-color-cover);
	background-position: center;
	background-size: cover;
	
	
	& > * {
		position: relative;
		z-index: 2;
		margin: auto;
	}
	
	&::before {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		
		display: block;
		width: 100%;
		height: 100%;
		background: var(--background-color-cover);
		opacity: var(--opacity-cover);
	}
}
/* In columns */
body .columns,
body .media-text {
	display: flex;
	flex-direction: column;
	column-gap: var(--spacing-subgroup-vertical);
	row-gap: var(--spacing-subgroup-horizontal);
	
	&.media-text > .media-text-media {
		flex: 1;
	}
	&.media-text > .media-text-content {
		flex: 1;
	}
}
/* BOX */
body .class-box {
	--border-radius-button: none;
	
	overflow: hidden;
	max-width: 500px;
	margin: 0 auto;
	padding: 0;
	border: var(--border-size-l) solid var(--color-accent);
	border-radius: var(--border-radius-l);
	
	&:not(:first-child) {
		margin-top: var(--spacing-subgroup-vertical);
	}

	&:not(:last-child) {
		margin-bottom: var(--spacing-subgroup-vertical);
	}
	
	& > .class-box-content {
		padding: var(--spacing-m) var(--spacing-l);
		background-color: var(--color-background-light);
	}
	
	& > .button {
		width: 100%;
		text-align: center;
        font-family: var(--font-family-accent-sub);
		font-weight: var(--font-weight-accent-sub);
		font-size: var(--font-size-body-xl);
		line-height: var(--line-height-body-xl);
	}
}
/** END COMPONENTS **/

/** PAGE GROUPS **/
body #page_conten > div,
body #page_conten > article {
	padding-block: var(--spacing-group-vertical);
	
	&:not(.media-text) > div:not(:first-child),
	&:not(.media-text) > article:not(:first-child) {
		padding-top: var(--spacing-subgroup-vertical);
	}

	&:not(.media-text) > div:not(:last-child),
	&:not(.media-text) > article:not(:last-child) {
		padding-bottom: var(--spacing-subgroup-vertical);
	}
}
/** END PAGE GROUPS **/

/** GENERIC CLASS **/
body .a11y-text {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	margin: -1px;
	word-wrap: normal;
}

/* Content width */
body .shortwidth {
	width: 100%;
	max-width: var(--width-short);
	margin-inline: auto;
	padding-inline: var(--spacing-screen-horizontal);
}
body .widewidth {
	width: 100%;
	max-width: var(--width-wide);
	margin-inline: auto;
	padding-inline: var(--spacing-screen-horizontal);
	
	& .shortwidth {
		padding-inline: 0;
	}
	
	&:is(figure) > img {
		object-fit: cover;
		width: 100%;
		max-height: var(--height-cover);
	}
}

/* Background */
body .has-background {
	background-color: var(--color-background);
}
body .has-background-accent {
	--text-color-links: var(--text-color-has-background-accent);
	--text-decoration-links: underline;
	
	color: var(--text-color-has-background-accent);
	background-color: var(--color-accent);
}

/* Accent font family */
body .text-accent {
	font-family: var(--font-family-accent);
	font-weight: var(--font-weight-accent);
}
body .text-accent-sub {
	font-family: var(--font-family-accent-sub);
	font-weight: var(--font-weight-accent-sub);
	
	& strong,
	& b {
		font-weight: var(--font-weight-accent-sub-bold);
	}
}

/* Text align */
body .text-center {
	text-align: center;
}
body .text-left {
	text-align: left;
}
body .text-right {
	text-align: right;
}

/* Margin */
body .m-top-0 {
	margin-top: 0rem;
}
body .m-bottom-0 {
	margin-bottom: 0rem;
}
body .m-block-0 {
	margin-block: 0rem;
}
body .m-left-0 {
	margin-left: 0rem;
}
body .m-right-0 {
	margin-right: 0rem;
}
body .m-inline-0 {
	margin-inline: 0rem;
}

/* Padding */
body .p-top-0 {
	padding-top: 0rem;
}
body .p-bottom-0 {
	padding-bottom: 0rem;
}
body .p-block-0 {
	padding-block: 0rem;
}
body .p-left-0 {
	padding-left: 0rem;
}
body .p-right-0 {
	padding-right: 0rem;
}
body .p-inline-0 {
	padding-inline: 0rem;
}
/** END GENERIC CLASS **/


/** SITE HEADER AND FOOTER **/
body #site_header > *,
body #site_footer > * {
	--text-decoration-links: none;
	
	display: flex;
	flex-wrap: wrap;
	white-space: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-subgroup-horizontal);
	padding-block: var(--spacing-m);
	
	& > * {
		margin-block: 0;
	}
}
body #site_header {
	position: fixed;
	z-index: 500;
	top: 0;
	width: 100%;
}
/** END SITE HEADER AND FOOTER **/

/** PAGE HEADER **/
body #page_header {
	padding-top: calc(var(--height-header) + var(--spacing-l));
	padding-bottom: var(--spacing-xl);

	& > div {
		margin-top: var(--spacing-m);
	}
	
	& h1 > span {
		display: block;
	}
}
/** END PAGE HEADER **/

/** PAGE CONTENT **/
/* Desktop contact media-text */
body #contacte.media-text .media-text-media {
	display: none;
}
/** END PAGE CONTENT **/

/** ONLY MOBILE **/
@media (max-width: 569px) {
	body #site_header > * {
		justify-content: center;

		& > nav {
			display: none;
		}
	}

	body #page_header {
		min-height: var(--height-header);
		padding: 0rem;
		background: transparent !important;

		& > div {
			position: absolute;
			overflow: hidden;
			clip: rect(1px, 1px, 1px, 1px);
			clip-path: inset(50%);
			width: 1px;
			height: 1px;
			margin: -1px;
			word-wrap: normal;
		}

		& > img {
			display: block !important;
		}
	}

}
/** END ONLY MOBILE **/

/** BIGGER THAN MOBILE **/
@media (min-width: 425px) {
	:root {
		--font-size-heading-l: calc(var(--font-size-base) * 4);
	}
	
	body #page_header > div {
		margin-top: auto;
	}
}
/** END BIGGER THAN MOBILE **/

/** BIGGER THAN TABLET **/
@media (min-width: 768px) {
	:root {
		/* Desktop font size */
		--font-size-heading-l: calc(var(--font-size-base) * 5.5);
		--font-size-heading-m: calc(var(--font-size-base) * 2.5);
		--font-size-heading-s: calc(var(--font-size-base) * 1.8);
		--font-size-body-xl: calc(var(--font-size-base) * 1.5);
		/* END Desktop font size */
		
		/* Desktop spacings */
		--spacing-xxl: calc(var(--font-size-base) * 4);
		--spacing-xl: calc(var(--font-size-base) * 3);
		--spacing-m: calc(var(--font-size-base) * 1.3);
		/* END Desktop spacings */
	}
}
/** END BIGGER THAN TABLET **/

/** BIGGER THAN LABTOP **/
@media (min-width: 1024px) {
	/* Put content in columns */
	body .columns,
	body .media-text {
		flex-direction: row;
		
		&.media-right > .media-text-media {
			order: 2;
		}

		&.media-right > .media-text-content {
			order: 1;
		}
	}
	
	/* Desktop contact media-text */
	body #contacte.media-text .media-text-media {
		position: relative;
		display: block;

		& > img {
			position: absolute;
			top: 0;
			right: 0;
			max-height: 100%;
		}
	}
}
/** END BIGGER THAN LABTOP **/

/** BIGGER THAN LABTOP L (4K) **/
@media (min-width: 1440px){}
/** END BIGGER THAN LABTOP L (4K) **/