/* GLOBAL VARIABLES */
:root {
    --Pqtt-green: #00BF6F;
    --Pqtt-black: #332B2B;
    --Pqtt-white: #FEFDFA;
    --Pqtt-red: #f27281;
    --Pqtt-yellow: #fbb35b;
    --Pqtt-blue: #6298ac;
}

html {
	font-size: 16px;
	height: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;;
}

body {
	position: relative;
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	background-color: var(--Pqtt-white);
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 30px; /* Para desplazar todo por el bannerTop */
}

.fakebody {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

a,
a > span {
	text-decoration: none;
	color: var(--Pqtt-black);
	transition: 0.2s ease-in-out;
}

a > img {
	width: 100%;
}

a:hover {
	text-decoration: underline;
	text-decoration-color: var(--Pqtt-green) !important;
}

picture > * {
	width: 100%;
	object-fit: contain;
}

b {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
}

div > img,
video {
	width: 100%;
	object-fit: cover;
	display: block;
}

img {
		margin: 0;
		padding: 0;
		display: block;
}

h0,
.h0 {
	font-family: 'Noto Serif', serif;
	font-weight: 400;
	font-size: 2.2rem;
	color: var(--Pqtt-black);
	display: block;
	line-height: 1.1em;
	padding-bottom: 0.5rem;
}

h0 a,
h0 a > span {
	text-decoration: underline;
	text-decoration-color: var(--Pqtt-green);
	color: var(--Pqtt-black);
	transition: 0.2s ease-in-out;
}

h0 a:hover {
	color: var(--Pqtt-green);
}

h1,
.h1 {
	font-family: 'Noto Serif', serif;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.1em;
	margin: 0.2em 0;
	color: var(--Pqtt-black);
	display: block;
}

h2,
.h2 {
	font-family: 'Noto Serif', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: var(--Pqtt-black);
	display: block;
}

h3,
.h3 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 800;
	font-size: 1rem;
	color: var(--Pqtt-black);
	display: block;
	margin: 2rem 0 0.4rem 0;
}

p, .p1, button {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9rem;
	color: var(--Pqtt-black);
	display: block;
}

p1 > a, .p1 > a,
p2 > a, .p2 > a {
	text-decoration: underline;
	text-decoration-color: var(--Pqtt-yellow);
}

.p0 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	color: var(--Pqtt-black);
	display: block;
}

p2, .p2 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9rem;
	color: var(--Pqtt-black);
	display: block;
}

p3, .p3 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size: 0.7rem;
	color: var(--Pqtt-black);
	display: block;
}

.centertext {
	text-align: center;
}

.righttext {
	text-align: right;
}

br {
	display: block;
	content: "";
	margin-top: 0.5rem;
}

::-moz-selection {
	/* Code for Firefox */
	background: var(--Pqtt-yellow);
}

::selection {
	background: var(--Pqtt-yellow);
}

* { 
	/* Remove tap square on links on mobile */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

.links {
	line-height: 1.6rem;
}

.dest {
	/* text-shadow:
		-2px -2px var(--Pqtt-white),
		-2px 2px var(--Pqtt-white),
		2px -2px var(--Pqtt-white),
		2px 2px var(--Pqtt-white);
	background-size: 1px 1em;
	box-shadow: inset 0 -0.100em var(--Pqtt-white), inset 0 -0.200em var(--Pqtt-green);
	display: inline;
	transition: 500ms ease-in-out, font-size 0s; */
	box-shadow: inset 0 -0.100em var(--Pqtt-green);
}

.dest:hover {
	/* box-shadow: inset 0 -0.200em var(--Pqtt-white), inset 0 0em var(--Pqtt-white);
	text-shadow: none; */
	color: var(--Pqtt-green);
}

.noline {
	text-decoration: none !important;
}

.list {
	margin-left: 1.5rem;
}

.right {
	text-align: right;
}

.topbanner {
	position: fixed;
	top: 0;
	width: 100%;
	height: 30px;
	background: rgba(254, 253, 250, 0.97); /* var(--Pqtt-white) con transparencia */
	border-bottom: solid 2px var(--Pqtt-yellow);
	z-index: 997;
	overflow-y: auto;
}

.topbanner > p {
	display: block;
	margin: 4px auto;
	max-width: 1000px;
	color: var(--Pqtt-black);
	text-align: center;
}

.navbar {
	/* background: var(--Pqtt-white);
	height: 60px; */
	position: fixed;
	width: 100%;
	left: 0;
	transition: 500ms ease-in-out;
	z-index: 998;
}

.logofly {
	width: auto;
	position: fixed;
	left: 5vw;
	z-index: 999;
	height: 35px;
	margin-top: 20px;
	display: block;
}

.logotext {
	position: fixed;
	margin-left: 24px;
	transition: transform 0.5s cubic-bezier(.68,-0.55,.27,1.55);
}

.logotextHide {
	transform: translateY(-85px);
}

.bodynarrow {
	width: 80%;
	max-width: 600px;
	margin: auto;
	padding: 14vh 0 3rem;
}


.watchvideo {
	position: absolute;
	background: var(--Pqtt-green);
	border-radius: 3em;
	box-shadow: 0px 0px 30px rgba(51, 43, 43, 0.44);
	cursor: pointer;
	z-index: 10;
    transition: 200ms ease-in-out;
	margin-top: 2rem;
	padding: 0.6rem 1rem 0 1rem;
	
}

.watchvideo span h0 {
	color: var(--Pqtt-white);
	font-size: 1rem;
}

.watchvideo:hover {
	border-radius: 1rem;
	background: var(--Pqtt-green);
}


#videowrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	display: none;
}

#videobg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

#videowrapper > div > iframe {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: calc(90vw * 9 / 16 );
    margin-top: 50%;
}

.bodypic > * {
	margin-bottom: 1rem;
}

.credits {
	position: absolute;
	font-size: 0.8em;
	width: 100%;
	left: 1rem;
	bottom: 5px;
}

.heroDiv {
	padding-top: 5rem;
}

.sideCol {
	display: flex;
	margin-left: auto;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
}

.heroDiv .sideCol {
	-webkit-align-content: stretch;
	align-content: stretch;
}

.herotitle {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 2rem 2rem 2rem;
	clear: both;
}

.heroButton {
	width: 60%;
	margin: 0 auto;
	padding: 0.3rem 0 0.5rem 0;
	border-radius: 100px;
	background: none;
	border: 2px solid var(--Pqtt-green);
	transition: all 200ms;
	display: block;
	text-decoration: none !important;
	text-align: center;
}

.heroButton:hover {
	color: var(--Pqtt-white);
	background: var(--Pqtt-green);
}

.heroButton:active {
	border-color: var(--Pqtt-black);
}

.imgcontainer {
	position: relative;
	width: 111%;
	left: -5.5%;
	overflow: hidden;
	height: 350px;
}

.heropic {
	display: flex;
	position: relative;
	margin-top: 0;
	width: auto;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	min-height: 250px;
	min-width: 250px;
}

.sectionDiv {
	padding-top: 7rem;
}

.bodytitle {
	width: 100%;
	height: auto;
	text-align: center;
	clear: both;
}

.bodysubtitle {
	display: block;
	width: auto;
	padding: 0 20%;
	text-align: center;
}

.bodyCto {
	width: 100%;
	margin-top: 1rem;
	color: var(--Pqtt-blue)
}

.sectiontitle {
	text-align: right;
	padding-bottom: 1rem;
}

.subtitle {
	float: auto;
	display: block;
	width: 100%;
	padding: 0.5rem 0 0 0;
	clear: both;
}

.overflowRight {
	-webkit-justify-content: center;
	justify-content: center;
	overflow: hidden;
}

.overflowRight > img {
	height: 100%;
	width: auto;
	object-fit: cover;
	object-position: 50% 50%;
}

.detailHeroPic {
	max-height: 250px;
	align-content: center;
	overflow: visible;
}

.detailPic {
	position: absolute;
	bottom: -5rem;
	width: 8rem;
	height: auto;
	left: 2rem;
}

.detailPic > img, .detailPic > video {
	border: 2px solid var(--Pqtt-white);
	border-radius: 999px;
}

.gridContainer {
	position: relative;
	width: 100%;
	top: 0;
	left: 0%;
	overflow: hidden;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: stretch;
	align-content: stretch;
}

.gridPic {
	width: 100%;
	height: auto;
	border: 1px solid var(--Pqtt-white);
	box-sizing: border-box;
}

.gridPic.small {
	width: 50%;
}

.groupSmallPics {
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: stretch;
	align-content: stretch;
}

.sideColAlignRight {
	margin-top: 1rem; 
	text-align: right; 
	padding: 0 10% 0 15%;
}

.sideColAlignRight p, .sideColAlignRight h1 {
	margin: 0; 
}

.iconAbove {
	max-width: 70px;
	margin: auto auto;
}

.detailPicSideCol .iconAbove {
	margin: 2rem 10% 0 auto;
}

/* Catalog */

.catalog > .gridContainer {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.catalog > p {
	margin: 0 5% 0.3rem 0;
	text-align: right;
	color: var(--Pqtt-black);
}

.catalog img, .catalog h2 {
	transition: 0.2s ease-in-out;
}

.catalogPic {
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid var(--Pqtt-white);
	box-sizing: border-box;
}

.catalogPic:hover img {
	opacity: 75%;
	z-index: -1;
}

/* .catalogPic:hover h2 {
	color: var(--Pqtt-blue)
} */

.catalogPic:last-child {
	margin-bottom: 1.3rem;
}

.catalogPrice {
	position: absolute;
	top: -10px;
	left: 30px;
	z-index: 0;
}

.catalogName {
	position: absolute;
	bottom: 0;
	left: 30px;
}

.catalogName h2 {
	color: var(--Pqtt-blue)
}

#tagline {
	display: none;
}

#formlanding {
	padding: 0 0 4rem 0;
}

.iconlist {
	display: flex;
	width: 70%;
	padding: 3rem 0 0 15%;
	z-index: -1;

	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}

.icon {
	position: relative;
	display: flex;
	width: 100%;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.icon > img {
	width: auto;
	max-height: 2rem;
	padding: 0.5em;
	object-fit: contain;
}

.formcontainer {
	width: 100%;
	padding: 3rem 0 1rem 0;
}

.formsection {
	padding: 6rem 0 10rem 0 !important;
}

.formcontainer form > div {
	display: flex;

	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: stretch;
	align-content: stretch;
}

.mc-field-group {
	display: flex;
	flex-grow: 5;
}

.clear {
	display: flex;
	flex-grow: 0.4;
}

.formcontainer form > div > span {
	width: 100%;
}

.formcontainer input,
.formcontainer input[type=email] {
	width: 100%;
	font-size: 1em;
	padding: 15px 5px 10px 10px;
	margin: 1rem 0;
	border: 0 solid;
	border-bottom: 1px solid var(--Pqtt-black);
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing: border-box;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.formcontainer input[type=submit] {
	padding: 0.5rem 5px;
	font-size: 0.8rem;
	border: 2px solid var(--Pqtt-red);
	border-radius: 1.5rem;
	transition: 200ms ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

.formcontainer input[type=submit]:hover {
	background-color: var(--Pqtt-red);
	color: var(--Pqtt-white)
}

.formcontainer input[type=submit]:active {
	border-color: var(--Pqtt-black);	
}

/* .slidercontainer {
	margin-right: -5%;
}

.slider {
	margin-right: 0 !important;
}

.slider button {
	display: none;
}

.slider > img {
	height: 70vh;
}

.slick-list {
	padding: 0 20% 0 0 !important;
} */

.featurelist {
	margin-right: 5%;
}

.featurelist > span {
	display: block;
	margin-bottom: 20px;
	margin-top: -0.5rem;
}

.endlanding {
	margin: 10rem 4rem 0 4rem;
	padding-bottom: 25vh;
}

/* Hamburguer Menu */
	#menuToggle {
		display: block;
		position: fixed;
		top: 28px;
		right: 0;
		padding: 27px 5vw 18px 19px;
		z-index: 100;

		-webkit-user-select: none;
		user-select: none;
	}

	#menuToggle input {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: -3px;
		left: -4px;


		cursor: pointer;

		opacity: 0;
		/* hide this */
		z-index: 2;
		/* and place it over the hamburger */

		-webkit-touch-callout: none;
	}

	/* Just a quick hamburger */
	#menuToggle span {
		display: block;
		width: 22px;
		height: 2px;
		margin-bottom: 6px;
		position: relative;

		background: var(--Pqtt-black);

		z-index: 1;

		transform-origin: 4px 0px;

		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
			background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
			opacity 0.55s ease;
	}

	#menuToggle span:last-of-type {
		margin-bottom: 0;
	}

	#menuToggle:hover input ~ span,
	#menuToggle input:checked:hover ~ span {
		background: var(--Pqtt-green);
	}

	#menuToggle span:first-child {
		transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}

	/* Transform all the slices of hamburger into a crossmark. */
	#menuToggle input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(2px, 2px);
		background: var(--Pqtt-white);
	}

	/* But let's hide the middle one. */
	#menuToggle input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		transform-origin: center;
		transform: rotate(90deg)scale(0.2, 0.2);
	}

	/* Ohyeah and the last one should go the other direction  */
	#menuToggle input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(1px, 0px);
	}

	/* Make this absolute positioned at the top right of the screen */
	#menu {
		position: absolute;
		width: 8rem;
		margin: -80px 0px 0 60px;
		padding: 110px 200px 10000px 5px;
		background: var(--Pqtt-blue);
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		/* to stop flickering of text in safari */

		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		-webkit-align-content: stretch;
		align-content: stretch;

		transform-origin: 0% 0%;
		transform: translate(50%, 0);

		transition: transform 0.75s cubic-bezier(.68,-0.55,.27,1.55);

		filter:drop-shadow(0px 0px 20px rgba(51, 43, 43, 0.2));
	}

	/* And let's slide it in from the left */
	#menuToggle input:checked ~ ul {
		transform: translate(-53%, 0);
	}

	#menu > a {
		margin-bottom: 5vh;
	}

	#menu > p {
		margin-right: -25px;
	}

	.lang {
		font-size: 0.7em;
	}

	.menuit {
		color: var(--Pqtt-white);
		text-align: right;
	}

	#menu > *:last-child {
		margin-top:5vh;
	}

	.menuit:hover,
	.lang:hover {
		text-decoration: none;
		color: var(--Pqtt-black) !important;
	}

/* Testimonials slider */
.testimonial-carousel .slick-track {
	display: flex !important;
}

.testimonial-carousel .slick-track .slick-slide {
	display: flex !important;
	height: auto;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.testimonial-carousel {
	margin: 0 10%;
	text-align: center;
}

.testimonial-slide > * {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.testimonial-carousel .testimonial-slide > *:first-child {
	color: var(--Pqtt-yellow);
	margin-bottom: 0;
}

.testimonial-review > span {
	flex: 0 0 100%;
	text-align: center;
}

.testimonial-review {
	text-align: left;
}

.testimonial-carousel .testimonial-slide > *:last-child {
	text-align: right;
	margin-top: 0;
	padding-bottom: 3rem;
}

.testimonial-carousel .testimonial-slide > *:last-child::before {
	content: "\2014 \00A0";
}

/* Cookie Consent OJITO QUE HAY MAS EN DESKTOP */
#CybotCookiebotDialog {
	background: rgba(254, 253, 250, 0.97) !important;
	border: 2px solid var(--Pqtt-blue) !important;
    box-shadow: none !important;
}

#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
	max-width: 1300px !important;
}

#CybotCookiebotDialogHeader {
	display: none !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
    border-bottom: 1px solid var(--Pqtt-blue) !important;
    color: var(--Pqtt-blue) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
	color: var(--Pqtt-blue) !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
	background-color: var(--Pqtt-blue) !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
	color: var(--Pqtt-blue) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	background-color: var(--Pqtt-blue) !important;
	border-color: var(--Pqtt-blue) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	border-color: var(--Pqtt-blue) !important;
}


/* Chatra ocultar icono */

#chatra:not(.chatra--expanded) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none;
}

.helpButton {
    text-decoration: none;
    position: fixed;
    width: 30px;
    height: 30px;
    bottom: 27px;
    right: calc(5vw - 3px);
    font-family: 'Noto Sans', sans-serif;
    text-align: center;
    padding-top: 3px;
    z-index: 99999;
    opacity: 1;
}

.helpButton:hover {
    filter: grayscale();
}


@media screen and (min-width:1024px) {

	html {
		font-size: 16px;
	}

	h0,
	.h0 {
		font-size: 4.5rem;
	}

	h1,
	.h1 {
		font-size: 3rem;
	}

	p, .p1, button { 
		font-size: 1rem;
	}

	.fakebody {
		position: relative;
	}

	.watchvideo {
		margin-top: 0;
		padding: 1rem 2rem 0.5rem 2rem;
	}
	
	.watchvideo span h0 {
		font-size: 1.5rem;
	}
	
	#videowrapper > div > iframe {
		left: 15%;
		width: 70%;
		height: calc(70vw * 9 / 16 );
   		margin-top: 5%;
	}

	.heroDiv {
		position: relative;
		padding: 4rem;
		margin: 0 auto;
		height: 90vh;
		max-width: 1300px;
	}

	.heroDiv .sideCol {
		margin-right: 2rem;
	}

	.herotitle {
		text-align: left;
		height: auto;
		width: auto;
		flex-grow: 1;
	}
	
	.heroDiv .imgcontainer {
		right: 40%;
	}

	.heropic {
		margin: 0 0 0 0;
		height: 100%;
		width: auto;
	}

	.heroDiv .subtitle {
		width: 80%;
	}

	.heroButton {
		font-size: 1.5rem;
		width: 80%;
	}
	
	.sideCol {
		position: absolute;
		width: auto;
		right: 0;
		top: 0;
		margin-top: 22vh;
		max-width: 40%;
		min-width: 450px;
		height: 55vh;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		text-align: left;
	}

	.sectionDiv {
		margin: 0 auto;
		height: 90vh;
		max-width: 1300px;
		position: relative;
		display: flex;
		padding-top: 1rem;
		justify-content: center;
	}

	.sectionDiv .sideCol {
		max-width: 35%;
	}
	
	.imgcontainer {
		position: absolute;
		left: auto;
		right: 40%;
		top: 0;
		width: 90vh;
		height: 100%;
		max-height: none;
		margin-left: -8%;
	}

	.sectionReverse .imgcontainer {
		right: auto;
		left: 10%;
		width: 170vh;
	}

	.sectionReverse .sideCol {
		right: auto;
		left: 0;
		text-align: right;
	}

	.detailHeroPic {
		max-height: 60vh;
		max-width: 60vh;
		margin-top: 8rem;
		right: 55%;
	}

	.detailPicSideCol {
		margin-right: 10vw;
	}

	.detailPic {
		bottom: auto;
		top: 4rem;
		left: auto;
		right: -7vw;
		width: 10vw;
		min-width: 150px;
	}

	.gridContainer {
		width: 100%;
		left: 0;
	}

	.groupSmallPics {
		position: relative;
		width: 60%;
	}

	.gridPic.small {
		width: 50%;
	}

	.gridPic.med {
		width: 40%;
	}

	.centerCol {
		margin: 20vh auto;
		text-align: center;
	}

	.catalogPic {
		width: 50%;
	}

	.catalog > p {
		margin-right: 0;
	}

	#tagline {
		display: block;
	}

	.subtitle {
		position: relative;
		text-align: right;
	}

	.flexspacer {
		max-height: 20vh;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		flex-shrink: 1;
		-webkit-flex-basis: auto;
		flex-basis: auto;
		-webkit-align-self: auto;
		align-self: auto;
	}

	.iconlist {
		display: flex;
		width: 28vw;
		padding: 0 0 0 0;
		margin: -1rem 0 0 0;

		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-align-content: stretch;
		align-content: stretch;
	}

	.icon {
		position: relative;
		display: flex;
		width: 31%;
		-webkit-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.icon > img {
		width: 100%;
		max-width: 3rem;
		max-height: none;
		padding: 0.5em;
		object-fit: contain;
	}

	.icon > span {
		text-align: center;
	}

	.formsection {
		padding: 3rem 0 0 0 !important;
	}

	.formcontainer {
		width: 100%;
		padding: 0 0 2rem 0;
	}
	
	#formlanding .mc-field-group {
		margin-left: 0;
	}

	#formlanding form > div > span:first-child {
		display: block;
		width: 50%;
		margin-left: 50%;
		text-align: right;
	}

	.mc-field-group {
		margin-left: 40%;
		flex-basis: auto;
	}

	.formcontainer input[type=submit] {
		margin-top: 1rem;
	}

	.slidercontainer {
		display: flex;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-align-content: stretch;
		align-content: stretch;
		margin-right: -50vh;
		margin-top: 5vh;
		height: auto;
	}
	
	.slider {
		width: 65vw;
	}

	.featurelist {
		text-align: right;
		width: 22rem;
		margin-right: 5rem;
		margin-left: 20vh;
	}

	.endlanding {
		text-align: right;
		width: 50%;
		margin: 10rem auto 0 auto;
		padding-bottom: 15rem;
	}

	.endlanding > h1:first-of-type {
		margin-top: 0.8rem;
	}

	#menu {
		margin-left: 20px;
		padding: 150px 200px 10000px 100px;
	}

	.menuit {
		font-size: 1.3rem;
		line-height: 1.3rem;
	}

	
	.lang {
		font-size: 0.9em;
	}

	.credits {
		margin-left: 4rem;
	}
}

@media screen and (min-width:1600px) {
	.helpButton {
		z-index: 99999999999999;
	}
}