* {
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	--3: calc(1em / 6);
	--6: calc(var(--3) * 2);
	--9: calc(var(--3) * 3);
	--12: calc(var(--3) * 4);
	--15: calc(var(--3) * 5);
	--18: calc(var(--3) * 6);
	--21: calc(var(--3) * 7);
	--24: calc(var(--3) * 8);
	--27: calc(var(--3) * 9);
	--30: calc(var(--3) * 10);
	--33: calc(var(--3) * 11);
	--36: calc(var(--3) * 12);
	--39: calc(var(--3) * 13);
	--42: calc(var(--3) * 14);
	--45: calc(var(--3) * 15);
	--48: calc(var(--3) * 16);
	--57: calc(var(--3) * 19);
	--60: calc(var(--3) * 20);
	--63: calc(var(--3) * 21);
	--66: calc(var(--3) * 22);
	--69: calc(var(--3) * 23);
	--72: calc(var(--3) * 24);
	--75: calc(var(--3) * 25);
	--78: calc(var(--3) * 26);
	--87: calc(var(--3) * 29);
	--90: calc(var(--3) * 30);
	--93: calc(var(--3) * 31);
	--96: calc(var(--3) * 32);
	--99: calc(var(--3) * 33);
	--108: calc(var(--3) * 36);
	--111: calc(var(--3) * 37);
	--141: calc(var(--3) * 47);
	--144: calc(var(--3) * 48);
	--153: calc(var(--3) * 51);
	--162: calc(var(--3) * 54);
	--204: calc(var(--3) * 68);
	--162: calc(var(--3) * 54);
	--630: calc(var(--3) * 210);
	--border: 0.06em dotted var(--red);
	--red: #d4213d;
	--white: #ffffff;
	--grey: #535353;
	--gold: #FFD700;
	--transition: 0.5s ease-in-out;
	background-color: var(--white);
	color: var(--grey);
	display: grid;
/* 	justify-content: center; */
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}

a {
	outline: none;
}

a.arrow {
	transition: color var(--transition);
	color: inherit;
	text-decoration: none;
}

a.arrow:hover {
	color: var(--red) !important;
}

button {
	background-color: var(--red);
/* 	border: 1px solid var(--white); */
	border: none;
	color: var(--white);
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-size: var(--15);
	font-weight: 600;
	height: var(--75);
	letter-spacing: 1px;
	line-height: var(--72);
	margin-top: var(--21);
	outline: none;
	text-transform: uppercase;
	transition: color var(--transition);
}

button:hover {
	color: var(--gold);
}

button > svg,
a.arrow > svg {
	margin-left: var(--3);
	margin-bottom: -3px;
}

a.arrow > svg > path {
	fill: var(--red);
}

button > svg {
	margin-left: var(--3);
	margin-bottom: -3px;
}

button > svg > path {
	transition: fill var(--transition);
	fill: var(--white);
}

button:hover > svg > path {
	fill: var(--gold);
}

/* BEGIN: NAV ============================================================ */

	nav {
		z-index: 1;
	}

	nav .button {
		background-color: var(--white);
		border: 1px solid var(--red);
		height: var(--48);
		position: fixed;
		width: var(--48);
		transition:
			background-color var(--transition),
			border-color var(--transition);
	}

	nav .button:hover {
		background-color: var(--red);
		border-color: var(--white);
	}

	nav .button > path {
		fill: var(--red);
		transform: scale(0.75);
		transform-origin: center;
		transition: fill var(--transition);
	}

	nav .button:hover > path {
		fill: var(--white);
	}

	nav > .button {
		right: var(--15);
		top: var(--12);
	}

	nav a {
		display: block;
		text-decoration: none;
	}

	nav >a > .button {
		bottom: var(--12);
	}

	nav a:nth-of-type(1) > .button {
		left: var(--15);
	}

	nav a:nth-of-type(2) > .button {
		left: var(--78);
	}

	nav a:nth-of-type(3) > .button {
		left: var(--141);
	}

	nav > div {
		background-color: var(--red);
		border: 1px  solid var(--white);
		display: grid;
		position: fixed;
		padding: var(--15) 0;
		right: var(--78);
		top: var(--75);
		transform: scale(0);
		transform-origin: top right;
		transition: transform var(--transition);
	}

	nav > div.show {
		transform: scale(1);
	}

	nav > div > a {
		color: var(--white);
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		line-height: 1.5em;
		padding: var(--9) var(--30);
	}

	nav > div > a > span {
		border: 1px solid transparent;
		padding: var(--6) 0;
		font-size: var(--15);
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;
		transition: color var(--transition);
	}

	nav > div > a:nth-of-type(1) > span {
		font-weight: 700;
		font-size: var(--27);
		letter-spacing: 4px;
	}

	nav > div > a:hover > span,
	nav > div > a.current > span {
		color: var(--gold);
	}

	@media screen and (min-aspect-ratio: 4/3) {

		nav > div {
			grid-template-columns: auto auto;
		}

		nav > div > a:nth-of-type(1) {
			grid-column: 1 / span 2;
		}

		nav > div > a:nth-of-type(2),
		nav > div > a:nth-of-type(4) {
			padding-right: var(--15);
		}

		nav > div > a:nth-of-type(3),
		nav > div > a:nth-of-type(5) {
			padding-left: var(--15);
		}

	}

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

		nav > .button {
			display: none;
		}

		nav > a > .button {
			background-color: var(--red);
			bottom: auto;
			height: var(--42);
			margin-top: var(--12);
			margin-top: 11px;
			top: 0;
			transform: scale(1.1) translateY(4px);
		}

		nav > a > .button {
			border: none !important;
		}

		nav > a > .button path {
			fill: var(--white);
		}

		nav > a > .button:hover path {
			fill: var(--gold);
		}

		nav a:nth-of-type(1) > .button {
			left: auto;
			right: 100px;
		}

		nav a:nth-of-type(2) > .button {
			left: auto;
			right: 49px;
		}

		nav a:nth-of-type(3) > .button {
			left: auto;
			right: 1px;
		}

		nav > div {
			align-items: center;
			border: none;
			display: flex;
			height: var(--75);
			left: 0;
			right: 0;
			top: 0;
			transform: scale(1);
			transform-origin: top left;
		}

		nav > div > a {
			margin-right: var(--15);
			padding: 0 !important;
		}

		nav > div > a:nth-of-type(1) {
			margin-left: var(--15);
			margin-bottom: 3px;
		}

		nav > div > a > span {
			line-height: 1em;
			padding-bottom: var(--9);
		}

	}

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

		nav > div {
			padding-left: var(--3);
		}

		nav a:nth-of-type(1) > .button {
			right: 89px;
		}

		nav a:nth-of-type(2) > .button {
			right: 44px;
		}

		nav a:nth-of-type(3) > .button {
			right: 4px;
		}

	}

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

		nav > div {
			padding-left: calc((100vw - 1200px) * 0.5);
		}

		nav a:nth-of-type(1) > .button {
			right: calc((100vw - 1200px) * 0.5 + 100px);
		}

		nav a:nth-of-type(2) > .button {
			right: calc((100vw - 1200px) * 0.5 + 49px);
		}

		nav a:nth-of-type(3) > .button {
			right: calc((100vw - 1200px) * 0.5 + 1px);
		}

	}

/* END: NAV ==========--================================================== */


/* BEGIN: .SECTION ======================================================= */

	.section {
		display: grid;
		grid-column-gap: var(--15);
		font-style: normal;
/* 		min-height: 100vh; */
		overflow: hidden;
		position: relative;
		padding: var(--12) var(--15);
		padding-bottom: 0;
/* 		padding: var(--15); */
	}

	.section:not(header) {
/* 		grid-template-columns: 1fr 1fr; */
		max-width: 1200px;
		margin: auto;
	}

/*	.section:not(#intro) {
		max-width: 1200px;
	}*/

	.section .title {
		border-bottom: var(--border);
		border-top: var(--border);
		font-size: inherit;
		padding: var(--21) 0;
		padding-top: var(--21);
		margin-bottom: var(--21);
	}

/*	.section > .title {
		border-top: none;
		padding-top: 0;
	}*/

	.section .title > span {
		font-family: 'Montserrat', sans-serif;
		line-height: 1em;
		color: var(--red);
		text-transform: uppercase;
		font-weight: 400;
		margin-left: -0.06em;
	}

	.section > .title {
		border-top: none;
		margin-bottom: 0;
		padding-top: var(--69);
		padding-top: var(--12);
	}

	.section > .title > span {
		font-size: var(--42);
		font-weight: 200;
		margin-left: -0.12em;
	}

	.section > div.article,
	.section > article.article {
		padding-bottom: var(--12);
	}

	.section > p.article {
/* 		padding-top: var(--21); */
		border-bottom: var(--border);
		padding: var(--21) 0;
	}

	.section > .article:nth-last-child(1) {
		padding-bottom: 0;
		border-bottom: none;
	}

	.section > .article:nth-of-type(1) > .title {
		border-top-color: transparent;
	}

	.section > .article > .paragraph {
/* 		padding-bottom: var(--9); */
		padding-bottom: var(--12);
	}

	.section > .article:nth-last-child(1) > .paragraph {
		padding-bottom: 0;
	}

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

		.section > .title {
			padding-top: var(--87);
		}

	}

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

		.section {
			padding: var(--12) var(--21);
			grid-column-gap: var(--21);
		}

		.section {

		}

	}

/* END: .SECTION ========================================================= */


/* BEGIN: .SECTION#INTRO ================================================= */

	.section#intro {
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-top: 0;
	}

	.section#intro > hgroup {
		bottom: 0;
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		grid-template-rows: 1fr 42vh 1fr;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.section#intro > hgroup > h1,
	.section#intro > hgroup > h2 {
		color: var(--red);
		font-family: 'Montserrat', sans-serif;
		font-size: inherit;
		text-transform: uppercase;
	}

	.section#intro > hgroup > h1 {
		align-self: end;
		grid-column: 2;
		grid-row: 1;
	}

	.section#intro > hgroup > h1 > span:first-child {
		font-size: 2em;
    font-weight: 300;
    letter-spacing: 0.125px;
    line-height: 1em;
    margin-left: -2px;
	}

	.section#intro > hgroup > h1 > span:last-child {
    font-size: 1.125em;
    font-weight: 400;
	}

	.section#intro > hgroup > h2 {
		grid-column: 2;
		grid-row: 3;
	}

	.section#intro > hgroup > h2 > span:first-child {
		font-size: 1.078125em;
		font-weight: 400;
		letter-spacing: 0.3825px;
	}

	.section#intro > hgroup > h2 > span:last-child {
		font-size: 0.703125em;
		font-weight: 500;
	}

	.section#intro > hgroup > h1 > span,
	.section#intro > hgroup > h2 > span {
		display: block;
	}

	.section#intro > svg {
		height: 100%;
		position: absolute;
		transform: scale(1);
/* 		justify-self: center; */
		z-index: -1;
	}

	.section#intro > svg path {
		fill: var(--red);
		stroke: var(--red);
		stroke-width: 2px;
		transform-origin: center;
	}

	.section#intro > svg > g#intro-sails > path:nth-of-type(3) {
		fill: var(--white);
	}

	@keyframes letter_s_animation {
	from {transform: scale3d(65.000000,45.000000,25.000000) rotate3d(0.000000,0.500000,1.000000,0.000000deg);}
	to {transform: scale3d(1.000000,1.000000,1.000000) rotate3d(0.000000,0.500000,1.000000,360.000000deg);}
}

	.section#intro > svg.anim path#intro-letter-s  {
		animation: 8s  ease-in-out 0s letter_s_animation;
		will-change: animation, transition, transform;
	}

	@keyframes sail_1_animation {
	from {transform: scale3d(0.000000,0.000000,0.000000) rotate3d(0.000000,0.500000,1.000000,360.000000deg)}
	to {transform: scale3d(1.000000,1.000000,1.000000) rotate3d(0.000000,0.500000,1.000000,0.000000deg)}
	}

	.section#intro > svg.anim > g#intro-sails > path:nth-of-type(1) {
		animation: 8s  ease-in-out 2s sail_1_animation;
		will-change: animation, transition, transform;
	}

	@keyframes sail_2_animation {
		from {transform: scale3d(0.000000,0.000000,0.000000) rotate3d(0.000000,0.500000,1.000000,360.000000deg)}
		to {transform: scale3d(1.000000,1.000000,1.000000) rotate3d(0.000000,0.500000,1.000000,0.000000deg)}
	}

	.section#intro > svg.anim > g#intro-sails > path:nth-of-type(2) {
		animation: 8s  ease-in-out 3s sail_2_animation;
		will-change: animation, transition, transform;
	}

	@media (orientation: landscape) {

		.section#intro > svg {
			transform: scale(1.5);
		}

		.section#intro > hgroup {
			grid-template-columns: 1fr 20vw 1fr;
			grid-template-rows: 1fr 20vh 1fr;
		}

		.section#intro > hgroup > h1 {
			align-self: center;
			grid-column: 1;
			margin-left: auto;
		}

		.section#intro > hgroup > h2 {
			align-self: center;
			grid-column: 3;
			margin-right: auto;
		}

	}

	@media screen and (min-aspect-ratio: 16/9) {

		.section#intro > svg {
			width: 100%;
		}

	}

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

		.section#intro {
			margin-top: var(--33);
/* 			height: calc(100vh - var(--36)) !important; */
		}
	}


/* END: .SECTION#INTRO =================================================== */


/* BEGIN: .SECTION#ABOUT ================================================= */

	.section#about {
		grid-template-columns: 1fr 1fr;
/* 		max-width: 1200px; */
/* 		margin: auto; */
	}

	.section#about > * {
		grid-column: 1 / span 2;
	}

	.section#about > .article:nth-of-type(5) {
		border-bottom: var(--border);
		grid-column: 1 / span 1;
	}

	.section#about > .article:nth-of-type(6) {
		border-bottom: var(--border);
		grid-column: 2 / span 1;
	}

	.section#about > .article:nth-of-type(7) > .title {
		border-top: none;
	}

	.section#about > .article:nth-of-type(7) {
/* 		background-color: yellow; */
		border-bottom: var(--border);
		padding-bottom: var(--21);
	}

	.section > p.article:last-of-type {
		border-bottom: none;
	}

	.section#about > div.article > div.paragraph > a {
		color: inherit;
		text-decoration: none;
	}


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

		.section#about {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		.section#about > * {
				grid-column: 1 / span 4;
		}

		.section#about > div.article > div.title {
			padding-top: var(--99);
		}

		.section#about > div.article:nth-of-type(2) {
			grid-column: 1 / span 2;
		}

		.section#about > div.article:nth-of-type(3) {
			grid-column: 3 / span 2;
			grid-row: 5;
		}

		.section#about > div.article:nth-of-type(3) > div:nth-of-type(3) {
			padding-right: 38px;
		}

		.section#about > div.article:nth-of-type(4) {
			grid-column: 1 / span 2;
			grid-row: 6 / span 2;
			border-bottom: var(--border);
		}

		.section#about > div.article:nth-of-type(5) {
			border-bottom: none;
			grid-column: 3 / span 1;
			grid-row: 6 / span 1;
		}

		.section#about > div.article:nth-of-type(6) {
			border-bottom: none;
			grid-column: 4 / span 1;
			grid-row: 6 / span 1;
		}

		.section#about > div.article:nth-of-type(7) {
			grid-column: 3 / span 2;
			grid-row: 7 / span 1;
		}

		.section#about > .article:nth-of-type(7) > .title {
			border-top: var(--border);
			padding-top: var(--21);
		}

	}

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

/*		.section#about > div.article:nth-of-type(2) {
			grid-column: 1 / span 2;
		}

		.section#about > div.article:nth-of-type(3) {
			grid-column: 3 / span 2;
		}*/

	}

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

		.section#about > p.article {
			padding-top: var(--21);
		}

		.section#about > p.article:nth-of-type(1) {
			grid-column: 1 / span 2;
			grid-row: 2 / span 2;
		}

		.section#about > p.article:nth-of-type(2) {
			grid-column: 3 / span 2;
			grid-row: 2 / span  2;
		}

		.section#about > p.article:nth-of-type(3) {
			grid-column: 1 / span 2;
		}

		.section#about > div.article:nth-of-type(2) {
			grid-column: 1 / span 2;
		}

		.section#about > div.article:nth-of-type(3) {
			grid-column: 3 / span 2;
		}

		.section#about > div.article:nth-of-type(4) {
			border-bottom: var(--border);
		}

		.section#about > div.article:nth-of-type(7) {
			border-bottom: var(--border);
			padding-bottom: var(--12);
		}

		.section#about > div.article:nth-of-type(7) > div:nth-of-type(2) {
			margin-bottom: var(--12);;
		}

	}

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

		.section#about {
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		}

		.section#about > .title {
			grid-column: 1 / span 6;
		}

		.section#about > p.article {
			border-bottom: none;
		}

		.section#about > p.article:nth-of-type(1) {
			grid-column: 1 / span 2;
			grid-row: 2 / span 1;
		}

		.section#about > p.article:nth-of-type(2) {
			grid-column: 3 / span 2;
			grid-row: 2 / span  1;
		}

		.section#about > p.article:nth-of-type(3) {
			grid-column: 5 / span 2;
			grid-row: 2 / span 1;
		}

		.section#about > div.article:nth-of-type(2) {
/* 			background-color: yellow; */
			grid-column: 1 / span 2;
		}

		.section#about > div.article:nth-of-type(3) {
			grid-column: 3 / span 2;
			grid-row: 3;
		}

		.section#about > div.article:nth-of-type(4) {
			border-bottom: none;
			grid-column: 5 / span 2;
			grid-row: 3;
		}

		.section#about > div.article:nth-of-type(5) {
			border-bottom: var(--border);
			grid-column: 5 / span 2;
			grid-row: 4;
		}

		.section#about > div.article:nth-of-type(6) {
			border-bottom: var(--border);
			grid-column: 3 / span 2;
			grid-row: 4;
		}

		.section#about > div.article:nth-of-type(7) {
			grid-column: 1 / span 2;
			grid-row: 4;

		}

		.section#about > div.article:nth-of-type(7) >.title {
				padding-top: var(--99);
		}

	}


/* END: .SECTION#ABOUT =================================================== */


/* BEGIN: .SECTION#PRICELIST ============================================= */

	.section#pricelist >.article {
		padding-bottom: 0;
		grid-column-gap: var(--15);
	}

	.section#pricelist >.article > div > div:first-child {
		padding-bottom: var(--21);
	}

	section#pricelist >.article > div > div:first-child > img {
		float: left;
		margin-right: 0.75em;
		margin-top: 0.45em;
	}

	.section#pricelist >.article > div > div:last-child {
		border-top: var(--border);
		border-bottom: var(--border);
		font-family: 'Montserrat', sans-serif;
		font-size: var(--15);
		font-weight: 500;

		color: var(--red);
		margin-bottom: var(--21);
		padding: var(--21) 0;
		text-align: right;
	}

	.section#pricelist > .article > .title {
		border-top: none;
	}

	.section#pricelist > .article.a > .title {
/* 		padding-top: var(--21); */
/* 		padding-top: var(--42); */
	}

	.section#pricelist >.article > div:last-of-type > div:last-child {
/* 		border-bottom: none; */
		margin-bottom: 0;
	}

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

		.section#pricelist > .article {
			align-items: stretch;
			justify-items: stretch;
			display: grid;
			grid-template-columns: 1fr 1fr;
			justify-content: stretch;
		}

		.section#pricelist > .article > .title {
			grid-column: 1 / span 2;
			padding-top: 0;
					padding-top: var(--99);
		}

		.section#pricelist > .article > div {
			display: flex;
			flex-direction: column;
/* 			padding-top: var(--24); */
			padding-top: var(--48);
			padding-top: var(--78);
		}

 		.section#pricelist > .article > div > div:last-child {
			margin-top: auto;
			margin-bottom: var(--21) !important;
		}


		.section#pricelist > .article.a > div:last-child  {
				grid-column: 1 / span 1;
		}

	}

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

		.section#pricelist > .article {
			grid-column-gap: var(--21);
			grid-template-columns: 1fr 1fr 1fr;
		}

		.section#pricelist > .article > .title {
			grid-column: 1 / span 3;
		}

		.section#pricelist > .article.b > .title {
			grid-column: 1 / span 2;
		}

		.section#pricelist > .article > div {
/* 			padding-top: var(--48); */
		}

		.section#pricelist > .article.b > div:nth-of-type(1) {
			grid-column: 1 / span 1;
			grid-row: 2;
		}

		.section#pricelist > .article.b > div:nth-of-type(2) {
			grid-column: 2 / span 1;
			grid-row: 2;
/* 			background-color: yellow; */
		}

		/*.section#pricelist > .article.a > div:last-child {
			grid-column: 1 / span 1;
		}

		.section#pricelist > .article.b > div:last-child {
			grid-column: 2 / span 1;
		}*/

	}

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

		.section#pricelist > .article {
			grid-column-gap: var(--21);
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		.section#pricelist > .article > .title {
			grid-column: 1 / span 4;
		}

		.section#pricelist > .article.a > div:last-child {
			grid-column: 3 / span 1;
		}

		.section#pricelist > .article.c > div:nth-of-type(5) {
			grid-column: 1 / span 1;
		}

		.section#pricelist > .article.c > div:nth-of-type(6) {
			grid-column: 2 / span 1;
		}

	}

/* END: .SECTION#PRICELIST =============================================== */


/* BEGIN: FORM.SECTION =================================================== */

	form.section > p.article:last-of-type {
		border-bottom: var(--border);
	}

	form.section label {
		display: grid;
		justify-items: stretch;
		padding-top: var(--21);
	}

	form.section label {
		display: grid;
		justify-items: stretch;
	}

	form.section label > span {
		color: var(--red);
/* 		display: grid; */
		font-family: 'Montserrat', sans-serif;
		font-size: var(--15);
		font-size: 14px;
		font-weight: 500;
		justify-items: stretch;
		padding-bottom: var(--3);
		text-transform: uppercase;
	}

	form.section label > input,
	form.section label > textarea {
		background-color: var(--white);
		border: var(--border);
		border-color: var(--grey);
		color: inherit;
/* 		color: #222; */
		font-family: inherit;
		font-size: inherit;
/* 		font-size: 16px; */
		grid-row: 2;
		outline: none;
		padding: var(--6) var(--9);
		width: 100%;
	}

	form.section label > input:focus,
	form.section label > textarea:focus {
		border-color: var(--red);
		border-style: solid;
	}

	form.section label > textarea {
		height: var(--162);
	}

	form.section label.checkbox {
		border-bottom: var(--border);
		cursor: pointer;
		display: block;
		line-height: 1.3em;
		padding-bottom: var(--21);
	}

	form.section label.checkbox > svg {
		display: block;
		float: left;
		margin-top: 4px;
		margin-right: var(--9);
	}

	form.section label.checkbox > svg > rect.outer {
		fill: var(--red);
	}

	form.section label.checkbox > svg > rect.inner {
		fill: var(--white);
		stroke: var(--white);
		stroke-width: 2px;
	}

	form.section label.checkbox.checked > svg > rect.inner {
		fill: var(--red);
		stroke: var(--gold);
	}

	form.section button {
		/*background-color: var(--red);
		border: none;
		color: var(--white);
		cursor: pointer;
		font-family: 'Montserrat', sans-serif;
		font-size: var(--15);
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;*/
		/*height: var(--75);
		line-height: var(--72);
		margin-top: var(--21);*/
		/*transition: color var(--transition);*/
	}

	form.section button:hover {
/* 		background-color: var(--white); */
/* 		color: var(--gold); */
	}

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

		form.section {
			grid-template-columns: 1fr 1fr;
		}

		form.section > * {
			grid-column: 1 / span 2;
		}

	}

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

		form.section {
			grid-template-columns: 1fr 1fr;
		}

		form.section > * {
			grid-column: 1 / span 2;
		}

		form.section > label.person_name,
		form.section > label.email {
			grid-column: 1 / span 1;
		}

		form.section > label.firm_name,
		form.section > label.phone {
			grid-column: 2 / span 1;
		}

		form.section button {
			grid-column: 2 / span 1;
		}

	}

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

		form.section {
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		form.section > * {
			grid-column: 1 / span 4;
		}

		form.section > .title {
			grid-column: 1 / span 4;
		}

		form.section > p.article:nth-of-type(1) {
			grid-column: 1 / span 4;
			grid-row: 2;
		}

		form.section > p.article:nth-of-type(2) {
			grid-column: 1 / span 4;
			grid-row: 3;
		}

		form.section > p.article:nth-of-type(3) {
			grid-column: 1 / span 4;
			grid-row: 4;
		}

		form.section > p.article:nth-of-type(4) {
			grid-column: 1 / span 4;
			grid-row: 5;
		}

		form.section > label.person_name {
			grid-column: 1 / span 2;
			grid-row: 6;
		}

		form.section > label.firm_name {
			grid-column: 3 / span 2;
			grid-row: 6;
		}

		form.section > label.email {
			grid-column: 1 / span 2;
			grid-row: 7;
		}

		form.section > label.phone {
			grid-column: 3 / span 2;
			grid-row: 7;
		}

		form.section > label.message {
			grid-column: 1 / span 4;
		}

		form.section > label.checkbox {
			grid-column: 1 / span 2;
		}

		form.section > button {
			grid-column: 3 / span 2;
		}

		form.section label.checkbox {
			border-bottom: none;
		}

	}

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

		form.section > label.person_name {
			grid-column: 1 / span 2;
			grid-row: 4;
		}

		form.section > label.firm_name {
			grid-column: 3 / span 2;
			grid-row: 4;
		}

		form.section > label.email {
			grid-column: 1 / span 2;
			grid-row: 5;
		}

		form.section > label.phone {
			grid-column: 3 / span 2;
			grid-row: 5;
		}

	}

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

		form.section > label.person_name {
			grid-column: 1 / span 1;
			grid-row: 4 / span 1;
		}

		form.section > label.firm_name {
			grid-column: 2 / span 1;
			grid-row: 4 / span 1;
		}

		form.section > label.email {
			grid-column: 3 / span 1;
			grid-row: 4 / span 1;
		}

		form.section > label.phone {
			grid-column: 4 / span 1;
			grid-row: 4 / span 1;
		}

	}

/* 	} */

/* END: FORM.SECTION ===================================================== */


/* BEGIN: FORM.SECTION#PRICING =========================================== */

	form.section#pricing {
/* 		border-bottom: var(--border); */
/* 		padding-bottom: var(--21); */
	}

	form.section#pricing div.line {
		padding-top: var(--21);
		border-bottom: var(--border);
	}

	form.section#pricing > .pallets {
		border: var(--border);
		border-color: var(--gray);
		grid-column-gap: var(--15);
		margin-top: var(--21);
		padding: 0 var(--15) var(--21) var(--15);
	}

	form.section#pricing > button {
		border-bottom: var(--border);
		padding-bottom: var(--21);
	}

	form.section#pricing > svg {
		cursor: pointer;
		justify-self: center;
		margin-top: var(--21);
	}

	form.section#pricing > svg > rect {
		transition: fill var(--transition);
	}

	form.section#pricing > svg > rect:nth-of-type(1) {
		fill: var(--red);
	}

	form.section#pricing > svg > rect:nth-of-type(2) {
		fill: var(--white);
	}

	form.section#pricing > svg > rect:nth-of-type(3) {
		fill: var(--white);
	}

	form.section#pricing > svg.remove > rect:nth-of-type(3) {
		display: none;
	}

	form.section#pricing > svg:hover > rect:nth-of-type(2),
	form.section#pricing > svg:hover > rect:nth-of-type(3) {
		fill: var(--gold);
	}

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

		form.section#pricing > .pallets {
			display: grid;
			grid-column-gap: var(--15);
			grid-template-columns: 1fr 1fr;
		}

		form.section#pricing > .pallets > label.period {
			grid-column : 1 / span 2;
		}

		form.section#pricing > .pallets input {
			width: 100%;
		}

	}

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

		form.section#pricing div.line {
			display: none;
		}

		form.section#pricing p.article:nth-of-type(4) {
			margin-bottom: var(--99);
		}

	}

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

		form.section#pricing div.line {
/* 			grid-column: 3 / span 2; */
/* 			padding-top: 0;; */
		}

		form.section#pricing > .pallets {
			grid-column: 1 / span 4;
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		form.section#pricing > .pallets > label {
			grid-row: 1;
		}

		form.section#pricing > .pallets > label.type {
			grid-column: 1 / span 1;
		}

		form.section#pricing > .pallets > label.number {
			grid-column: 2 / span 1;
		}

		form.section#pricing > .pallets > label.height {
			grid-column: 3 / span 1;
		}

		form.section#pricing > .pallets > label.weight {
			grid-column: 4 / span 1;
		}

		form.section#pricing > .pallets > label.period {
			grid-column: 1 / span 4;
			grid-row: 2;
		}

	}

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

		form.section#pricing > p.article:nth-of-type(1) {
			grid-column: 1 / span 2;
			grid-row: 2 / span 1;
		}

		form.section#pricing > p.article:nth-of-type(2) {
			grid-column: 3 / span 2;
			grid-row: 2 / span 1;
		}

		form.section#pricing > p.article:nth-of-type(3) {
			grid-column: 1 / span 2;
			grid-row: 3 / span 1;
			margin-bottom: var(--99);
		}

		form.section#pricing > p.article:nth-of-type(4) {
			grid-column: 3 / span 2;
			grid-row: 3 / span 1;
		}

		form.section#pricing > label.person_name,
		form.section#pricing > label.firm_name {
/* 			grid-row: 4; */
		}

		form.section#pricing > label.email,
		form.section#pricing > label.phone {
/* 			grid-row: 5; */

		}

		form.section#pricing > .pallets {
			grid-column-gap: var(--21);
		}

	}

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

		form.section#pricing > .pallets {
			grid-column-gap: var(--21);
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		}

		form.section#pricing > .pallets > label.period {
			grid-column: 5 / span 2;
			grid-row: 1;
		}

	}

/* END: FORM.SECTION#PRICING ============================================= */


/* BEGIN: FORM.SECTION#CONTACT =========================================== */

	form.section#contact > div.article:nth-of-type(1) {
		border-top: var(--border);
		margin-top: var(--21);
	}

	form.section#contact > div.article:last-child {
		border-bottom: var(--border);
		padding-bottom: var(--21);
	}

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

		form.section#contact > div.article:nth-of-type(odd) {
			grid-column: 1 / span 1;
		}

		form.section#contact > div.article:nth-of-type(even) {
			grid-column: 2 / span 1;
		}

		form.section#contact > div.article:nth-of-type(2) {
			margin-top: var(--21);
		}

		form.section#contact > div.article:nth-of-type(3) {
			border-bottom: var(--border);
		}

	}

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

		form.section#contact > p.article:nth-of-type(4) {
			margin-bottom: var(--99);
/* 			margin-bottom: 200px; */
		}

		form.section#contact > button {
			margin-bottom: var(--144);
/* 			margin-bottom: 200px; */
		}

	}

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

		form.section#contact >  div.article {
			border-bottom: var(--border);
		}

		form.section#contact >  div.article:nth-of-type(1),
		form.section#contact >  div.article:nth-of-type(2) {
			margin-top: 0;
		}

		form.section#contact >  div.article:nth-of-type(3) {
			grid-column: 3 / span 1;
		}

		form.section#contact >  div.article:nth-of-type(4) {
			grid-column: 4 / span 1;
		}

		form.section#contact > label.checkbox {
			border-bottom: none;
		}

	}

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

		form.section#contact > p.article:nth-of-type(1) {
			grid-column: 1 / span 2;
			grid-row: 2;
		}

		form.section#contact > p.article:nth-of-type(2) {
			grid-column: 3 / span 2;
			grid-row: 2;
		}

		form.section#contact > p.article:nth-of-type(3) {
			grid-column: 1 / span 2;
			grid-row: 3;
			margin-bottom: var(--99);
		}

		form.section#contact > p.article:nth-of-type(4) {
			grid-column: 3 / span 2;
			grid-row: 3;
		}

		form.section#contact > label.checkbox {
			border-bottom: var(--border);
		}

		form.section#contact > div.article:nth-of-type(1) {
			border-top: none;
		}

		form.section#contact > div.article:nth-of-type(2) > .title {
			border-top: none;
		}

	}

/* END: FORM.SECTION#CONTACT ============================================= */


/* BEGIN: #COPYRIGHT ===================================================== */

	#copyright {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: var(--39) 0 var(--108);
		white-space: nowrap;
	}

	#copyright > div {
		align-items: center;
		display: flex;
		line-height: var(--27);
	}

	#copyright > div > span {
		color: var(--red);
		display: inline-block;
		font-size: var(--30);
		padding: 0 var(--3);
	}

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

		#copyright {
			flex-direction: row;
			padding: var(--60) 0 var(--69) 0;
		}

	}

/* END: #COPYRIGHT ======================================================= */


/* BEGIN: #CONFIRMATION ================================================== */

body > * {
/* 	filter: grayscale(100%); */
}

#confirmation {
	align-items: center;
	background-color: rgba(255,255,255,0.5);
/* 	background-color: rgba(0,0,0,0.4); */
	display: flex;
/* 	display: none; */
	filter: none;
	height: 100%;
	justify-content: center;
	position: fixed;
	width: 100%;
	z-index: 2;
}

#confirmation-window {
	display: grid;
	grid-column-gap: var(--15);
	grid-template-columns: 1fr 1fr;
	width: 290px;
}

#confirmation-message {
	background-color: var(--red);
/* 	border: 1px solid var(--white); */
	color: var(--white);

/* 	font-size: 0.875em; */
	grid-column: 1 / span 2;
	padding: var(--9) var(--15);
}

#confirmation-message > svg {
	display: block;
	float: left;
	margin-bottom: -15px;
	margin-left: -4px;
	margin-right: var(--3);
	transform: scale(0.75);
}
#confirmation-message > svg > path {
	fill: var(--gold);
}

#confirmation button {
	margin-top: var(--15);
}

#confirmation button > svg > path {
	fill: var(--gold);
}


/* END: #CONFIRMATION ==================================================== */