/* --- b&b --- */

	*{
		box-sizing: border-box;
	}

	.logo{
		height: 142px;
	}

	.logo-position{
		float: left;
		width: 20%;
		padding-top: 0px;
		margin-left: -2px;
	}

	.main-navigation{
		float: right;
		width: 80%;
	}
	
	html{
		height: 100%;
		margin: 0px;
		padding: 0px;
		scroll-behavior: smooth;
	}
	.fixed{ position: fixed; }
	.absolute{ position: absolute; }
	.absolute-top-left { position: absolute; top: 0px; left: 0px;}
	.absolute-top-right { position: absolute; top: 0px; right: 0px;}
	.relative{ position: relative; }
	.inline-block{ display: inline-block; }
	.hidden{ display: none; }
	.visible{ display: block; }
	.nowrap{ white-space: nowrap; }
	.overflow-auto{ overflow: auto; }
	.overflow-hidden{ overflow: hidden; }
	.width-10pct{ width: 10%; }
	.width-20pct{ width: 20%; }
	.width-30pct{ width: 30%; }
	.width-40pct{ width: 40%; }
	.width-50pct{ width: 50%; }
	.width-60pct{ width: 60%; }
	.width-70pct{ width: 70%; }
	.width-80pct{ width: 80%; }
	.width-90pct{ width: 90%; }
	.width-100pct{ width: 100%; }
	.backdrop-blur{ 
		backdrop-filter: blur(1px) brightness(76%); 
	}
	.content-centered{
		display: flex;
		justify-content: center;
		align-items: center; 
	}

	ul {
		list-style: none; 
		margin-left: 24px;
	}
	ul li::before {
		content: "\2022";  
		color: #38b6ff; 
		font-weight: bold; 
		font-size: 24px;
		display: inline-block;
		width: 1em; 
		margin-left: -1em;
	}

	.position-bottom-left{
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

	.position-top-left{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.float-left{
		float: left;
	}

	.float-right{
		float: right;
	}
	
	.bg-covered-top{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.bg-covered-bottom{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	.bg-covered-center{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.hero, .hero-gap{
		height: 64vh;
	}

	.hero-gap-margin-top{
		height: 38vh;
	}


	.little-hero{
		height: 73vh;
	}

	.little-hero-gap{
		height: 54vh;
	}

	.mini-hero{
		height: 33vh;
	}

	.mini-hero-gap{
		height: 34vh;
	}
	
	.square{
		width: 100%;
	}
	
	.square:after{
		content: '';
		display: block;
		padding-bottom: 100%;
	}

	.rectangle{
		width: 100%;
	}
	
	.rectangle:after{
		content: '';
		display: block;
		padding-bottom: 80%;
	}
	
	.text-left, .text-left-to-center{ text-align: left; }
	.text-right, .text-right-to-center{ text-align: right; }
	.text-center{ text-align: center; }

	.text-shadowed{
		text-shadow: 0px 1px 4px rgba(100, 100, 100, 0.8);
	}



	/* --- padding --- */

	.padded-1{
		padding: 8px;
	}
	
	.padded-l1{
		padding-left: 8px;
	}

	.padded-l1-to-l0{
		padding-left: 8px;
	}

	.padded-l2-to-l0{
		padding-left: 16px;
	}
	
	.padded-r1{
		padding-right: 8px;
	}

	.padded-r1-to-r0{
		padding-right: 8px;
	}

	.padded-r2-to-r0{
		padding-right: 16px;
	}
	
	.padded-t1{
		padding-top: 8px;
	}
	
	.padded-b1{
		padding-bottom: 8px;
	}
	
	.padded-2{
		padding: 16px;
	}
	
	.padded-l2{
		padding-left: 16px;
	}
	
	.padded-r2{
		padding-right: 16px;
	}
	
	.padded-t2{
		padding-top: 16px;
	}
	
	.padded-b2{
		padding-bottom: 16px;
	}
	
	.padded-3{
		padding: 24px;
	}
	
	.padded-l3{
		padding-left: 24px;
	}
	
	.padded-r3{
		padding-right: 24px;
	}
	
	.padded-t3{
		padding-top: 24px;
	}
	
	.padded-b3{
		padding-bottom: 24px;
	}
	
	.padded-4{
		padding: 32px;
	}
	
	.padded-l4{
		padding-left: 32px;
	}
	
	.padded-r4{
		padding-right: 32px;
	}
	
	.padded-t4{
		padding-top: 32px;
	}
	
	.padded-b4{
		padding-bottom: 32px;
	}
	
	.padded-5{
		padding: 40px;
	}
	
	.padded-l5{
		padding-left: 40px;
	}
	
	.padded-r5{
		padding-right: 40px;
	}
	
	.padded-t5{
		padding-top: 40px;
	}
	
	.padded-b5{
		padding-bottom: 40px;
	}
	
	.padded-6{
		padding: 48px;
	}
	
	.padded-l6{
		padding-left: 48px;
	}
	
	.padded-r6{
		padding-right: 48px;
	}
	
	.padded-t6{
		padding-top: 48px;
	}
	
	.padded-b6{
		padding-bottom: 48px;
	}
	
	.padded-7{
		padding: 56px;
	}
	
	.padded-l7{
		padding-left: 56px;
	}
	
	.padded-r7{
		padding-right: 56px;
	}
	
	.padded-t7{
		padding-top: 56px;
	}
	
	.padded-b7{
		padding-bottom: 56px;
	}

	.padded-9{
		padding: 72px;
	}
	
	.padded-l9{
		padding-left: 72px;
	}
	
	.padded-r9{
		padding-right: 72px;
	}
	
	.padded-t9{
		padding-top: 72px;
	}
	
	/* bg */

	.bg-white{
		background-color: #FFF;
	}
	
	/* text */

	strong{
		font-weight: 600;
		color: #454749;
	}

	h1{
		font-size: 29px;
		line-height: 40px;
		font-family: 'Yeseva One', cursive;
		font-weight: 400;
		letter-spacing: -0.01em;
	}

	h2{
		font-size: 31px;
		line-height: 32px;
		font-family: 'Yeseva One', cursive;
		font-weight: 400;
		letter-spacing: -0.01em;
		color: #38b6ff;
		background-color: #fff;
		padding-top: 8px;
		padding-bottom: 8px;
		display: inline-block;
		border: 3px solid #38b6ff;
		border-bottom: 6px solid #38b6ff;
		margin-bottom: 2px;
	}

	h2.no-border{
		color: #38b6ff;
		background-color: #fff;
		display: inline-block;
		border: 0px;
	}

	h3{
		font-size: 25px;
		line-height: 32px;
		font-family: 'Yeseva One', cursive;
		font-weight: 400;
		letter-spacing: -0.01em;
	}

	h2.blue{
		font-size: 30px;
		line-height: 40px;
		font-family: 'Yeseva One', cursive;
		font-weight: 400;
		letter-spacing: -0.01em;
		color: #38b6ff;
		display: inline-block;
		background-color: #fff;
	}

	h2.dark{
		font-size: 30px;
		line-height: 40px;
		font-family: 'Yeseva One', cursive;
		font-weight: 400;
		letter-spacing: -0.01em;
		color: #41464a;
		display: inline-block;
		background-color: #fff;
	}

	.text-capped-wide{
		text-transform: uppercase;
		letter-spacing: 0.10em;
	}

	.text-extra-small{
		font-size: 14px;
		letter-spacing: -0.035em;
		line-height: 32px;
	}

	.text-small{
		font-size: 15px;
		line-height: 32px;
	}

	.text-regular{
		font-size: 17px;
		line-height: 32px;
	}

	.text-large{
		font-size: 19px;
		line-height: 32px;
	}

	.text-extra-large{
		font-size: 23px;
		line-height: 24px;
	}

	.text-xxl{
		font-size: 28px;
		line-height: 32px;
	}
	
	.text-dark{
		color: #41464a;
	}

	.text-dim{
		color: #8c9196;
	}

	.text-blue{
		color: #38b6ff;
	}

	.text-white{
		color: #fff;
	}
	
	.yeseva-regular{
		font-family: 'Yeseva One', cursive;
		font-weight: 400;
	}
	
	.kumbh-light{
		font-family: 'Kumbh Sans', serif;
		font-weight: 300;
		letter-spacing: -0.05em;
	}

	.kumbh-regular{
		font-family: 'Kumbh Sans', serif;
		font-weight: 400;
		letter-spacing: -0.03em;
	}

	.kumbh-bold{
		font-family: 'Kumbh Sans', serif;
		font-weight: 700;
		letter-spacing: -0.01em;
	}

	.open-sans-light{
		font-family: 'Open Sans', serif;
		font-weight: 300;
		letter-spacing: -0.02em;
	}

	.open-sans-regular{
		font-family: 'Open Sans', serif;
		font-weight: 400;
		letter-spacing: -0.02em;
	}

	.open-sans-semi-bold{
		font-family: 'Open Sans', serif;
		font-weight: 600;
		letter-spacing: -0.02em;
	}

	.open-sans-extra-bold{
		font-family: 'Open Sans', serif;
		font-weight: 800;
		letter-spacing: -0.02em;
	}
	
	/* links */

	a.btn-blue:link, a.btn-blue:visited, a.btn-blue:active{
		background-color: #38b6ff;
		padding: 17px 30px 14px 30px;
		line-height: 16px;
		color:#fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		font-family: 'Kumbh Sans', serif;
		font-weight: 700;
		letter-spacing: 0.05em;
		border-radius: 5px;
		border: 1px solid #38b6ff;
		transition: background-color 240ms;
		transition: color 240ms;
	}

	a.btn-blue:hover{
		background-color: #FFF;
		line-height: 16px;
		color:#38b6ff;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Kumbh Sans', serif;
		font-weight: 700;
		letter-spacing: 0.05em;
		border-radius: 5px;
		border-bottom: 0px;
		border: 1px solid #38b6ff;
		transition: background-color 240ms;
		transition: color 240ms;
	}

	a.btn-ghost:link, a.btn-ghost:visited, a.btn-ghost:active, a.btn-ghost:hover{
		padding: 16px 48px;
		color:#fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 15px;
		font-family: 'Kumbh Sans', serif;
		font-weight: 700;
		letter-spacing: 0.05em;
		transition: background-color 240ms;
		border: 2px solid #fff;
	}

	.btn-submit{
		background-color: #38b6ff;
		padding: 20px 46px 16px 46px;
		color:#fff;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Kumbh Sans', serif;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.03em;
		transition: background-color 240ms;
		border: none;
		border-radius: 8px;
	}

	.btn-submit:hover{
		background-color: #38b6ff;
		padding: 20px 48px 16px 48px;
		color:#fff;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Kumbh Sans', serif;
		font-weight: 600;
		letter-spacing: 0.03em;
		transition: background-color 240ms;
		border: none;
		border-radius: 8px;
	}

	.inputfield, .textarea{
		background-color: #fff;
		color: #41464a;
		padding: 12px;
		background-color: #fff;
		font-family: 'Kumbh Sans', serif;
		font-size: 20px;
		font-weight: 400;
		letter-spacing: -0.02em;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		outline: none;
		width: 100%;
		border: 1px solid #8a8c8d;
	}

	a:link, a:visited, a:active{
		color: #41464a;
		text-decoration: none;
		padding-bottom: 2px;
		border-bottom: 2px solid #fff;
	}
	a:hover{
		color: #41464a;
		text-decoration: none;
		padding-bottom: 2px;
		border-bottom: 2px solid #38b6ff;
	}

	a.no-underline:link, a.no-underline:visited, a.no-underline:active, a.no-underline:hover{
		color: #41464a;
		text-decoration: none;
		border: 0px;
		font-size: 12px;
	}

	a.bold-underline:link, a.bold-underline:visited, a.bold-underline:active{
		color: #41464a;
		text-decoration: none;
		font-size: 19px;
		padding-bottom: 5px;
		padding-left: 8px;
		padding-right: 8px;
		border-bottom: 1px solid #41464a;
		font-family: 'Yeseva One', cursive;
		transition: padding-left 240ms;
	}

	a.bold-underline:hover{
		color: #38b6ff;
		padding-left: 24px;
		padding-right: 8px;
		border-bottom: 1px solid #38b6ff;
		transition: padding-left 240ms;
	}

	a.main:link, a.main:visited, a.main:active {
		color: #41464a;
		font-family: 'Kumbh Sans', serif;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 16px;
		letter-spacing: 0.035em;
		font-weight: 600;
		padding: 5px 0px 5px 0px; 
		border-bottom: 0px solid #FFF;
		transition: padding 240ms;
		transition: border-bottom 240ms;
		margin-left: 56px;
	}
	a.main:hover, a.main-active:link, a.main-active:visited, a.main-active:active, a.main-active:hover {
		color: #41464a;
		font-family: 'Kumbh Sans', serif;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 16px;
		letter-spacing: 0.035em;
		font-weight: 600;
		padding: 5px 0px 5px 0px; 
		border-bottom: 1px solid #41464a;
		border-top: 1px solid #41464a;
		transition: padding 240ms;
		transition: border-bottom 240ms;
		margin-left: 56px;
	}

	a.main-home:link, a.main-home:visited, a.main-home:active {
		color: #FFF;
		font-family: 'Kumbh Sans', serif;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 16px;
		letter-spacing: 0.035em;
		font-weight: 600;
		padding: 5px 0px 5px 0px; 
		border-bottom: 0px solid #FFF;
		transition: padding 240ms;
		transition: border-bottom 240ms;
		margin-left: 56px;
	}
	a.main-home:hover, a.main-home-active:link, a.main-home-active:visited, a.main-home-active:active, a.main-home-active:hover {
		color: #FFF;
		font-family: 'Kumbh Sans', serif;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 16px;
		letter-spacing: 0.035em;
		font-weight: 600;
		padding: 5px 0px 5px 0px; 
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
		transition: padding 240ms;
		transition: border-bottom 240ms;
		margin-left: 56px;
	}

	a.main-responsive:link, a.main-responsive:visited, a.main-responsive:active, a.main-responsive:hover {
		color: #41464a;
		font-family: 'Yeseva One', serif;
		font-size: 27px;
		line-height: 48px;
		font-weight: 200;
		letter-spacing: -0.015em;
		padding: 0px 0px 2px 0px; 
		border-bottom: 0px solid #38b6ff;
		text-transform: lowercase;
	}
	a.main-responsive:hover, a.main-responsive-active:link, a.main-responsive-active:visited, a.main-responsive-active:active, a.main-responsive-active:hover {
		color: #41464a;
		font-family: 'Yeseva One', serif;
		font-size: 27px;
		line-height: 48px;
		font-weight: 200;
		letter-spacing: -0.015em;
		padding: 0px 0px 2px 0px; 
		border-bottom: 2px solid #38b6ff;
		text-transform: lowercase;
	}

	a.pagefooter:link, a.pagefooter:visited, a.pagefooter:active, a.pagefooter:hover {
		color: #41464a;
		font-family: 'Kumbh Sans', serif;
		font-size: 14px;
		font-weight: 300;
		text-decoration: none;
	}
	a.pagefooter:hover, a.pagefooter-active:link, a.pagefooter-active:visited, a.pagefooter-active:active, a.pagefooter-active:hover {
		color: #41464a;
		font-family: 'Kumbh Sans', serif;
		font-size: 14px;
		font-weight: 300;
		text-decoration: none;
	}

	

	/* custom definition */
	
	.black-and-white-image{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	.customer-logo img{
		height: 80px;
	}

	.border-left{
		border-left: 3px solid #41464a;
	}

	.box-shadowed{
		background-color: #FFF;
		-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.08); 
		box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.08);
	}

	.box-bottom-shadow{
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.02); 
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.02);
	}

	.box-framed{
		border: 1px solid #edeef0;
		-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.16); 
		box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.16);
	}

	.profile-round{
		height: 264px;
		width: 264px;
		background-color: #FFF;
		border-radius: 50%;
		display: inline-block;
	}

	.img-round{
		height: 230px;
		width: 230px;
		background-color: #FFF;
		border-radius: 50%;
		display: inline-block;
	}

	.img-round-small{
		height: 190px;
		width: 190px;
		background-color: #FFF;
		border-radius: 50%;
		display: inline-block;
	}

	.tag{
		padding: 16px 32px;
		background-color: #38b6ff;
		border-radius: 8px;
		display: inline-block;
	}
	
	.horizontal-line{
		display: inline-block;
		width: 11vh;
		height: 1px;
		background-color: #41464a;
	}

	.vertical-line{
		display: inline-block;
		height: 2vh;
		width: 1px;
		background-color: #6d747a;
	}

	.vertical-line-blue{
		display: inline-block;
		height: 4vh;
		width: 1px;
		background-color: #38b6ff;
	}

	/* custom dropdown select */

	.custom-select {
		position: relative;
		font-family: 'Kumbh Sans', serif;
		width: 100%;
	}
	
	.custom-select select {
		display: none; /*hide original SELECT element: */
	}
	
	.select-selected {
		background-color: #FFF;
		color: #41464a;
		border-bottom: 1px solid #41464a;
		font-size: 20px;
		line-height: 48px;
		font-family: 'Kumbh Sans', serif;
		font-weight: 600;
		letter-spacing: -0.01em;
		outline: none;
		padding-right: 25px;
		text-align: left;
	}

	.select-selected:after { /* arrow down */
		position: absolute;
		content: "";
		top: 20px;
		right: 18px;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-color: #41464a transparent transparent transparent;
	}
	
	.select-selected.select-arrow-active:after {	  	/* arrow up */
		border-color: transparent transparent #41464a transparent;
		top: 14px;
	}
	
	.select-items div,.select-selected {
		text-align: left;
		background-color: #FFF;
		color: #41464a;
		font-size: 20px;
		line-height: 48px;
		font-family: 'Kumbh Sans', serif;
		font-weight: 600;
		letter-spacing: -0.01em;
		border-bottom: 1px solid transparent;
		border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
		cursor: pointer;
		padding-left: 16px;
	}
	
	.select-items {
		position: absolute;
		background-color: #FFF;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 6;
		-webkit-box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05); 
		box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05);
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	
	.select-hide {
		display: none;
	}
	
	.select-items div:hover, .same-as-selected {
		background-color: #41464a;
		color: #FFF;
	}

	/* parralax */
	
	.parallax{
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-perspective: 1px;
		perspective: 1px;
	}

	.parallax__layer{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		}

	.parallax__layer--base{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		}

	.parallax__layer--back{
		-webkit-transform: translateZ(-1px) scale(2);
		transform: translateZ(-1px) scale(2);
	}

	/* breakpoints */

	@media screen and (max-width: 4000px){
		
		.desktop-version{ display: block; }
		.mobile-version{ display: none; }

		body{
			font-family: 'Kumbh Sans', serif;
			color: #41464a;
			font-weight: 400; 
			background-color: #fefeff;
		}

		div{
			font-family: 'Kumbh Sans', serif;
			color: #41464a;
			font-weight: 400; 
		}
		
		.centered-100pct {
			width: 100%;
			margin: 0 auto;
		}

		.centered {
			width: 887px;
			margin: 0 auto;	
		}

		.centered-narrow {
			width: 700px;
			margin: 0 auto;	
		}
		
		.centered-pct {
			width: 81%;
			margin: 0 auto;	
		}
		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-6-columns{
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			grid-gap: 0px 0px;
		}
		
		.main-menu{
			display: block;
		}
		
		.responsive-hamburger{
			display: none;
			float: right;
			width: 104px;
			height: 104px;
			margin-top: -16px;
			z-index: 1000;
		}

		.hamburger-container{
			display: inline-block;
		}

		.hamburger-container img{
			height: 50px;
		}

		.responsive-menu{
			display: none;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 9999999;
		}
			
	}
	
	

	@media screen and (max-width: 1094px){

		.desktop-version{ display: block; }
		.mobile-version{ display: none; }

		.logo{
			height: 139px;
		}

		.logo-position{
			float: left;
			width: 50%;
			padding-top: 0px;
			margin-left: -2px;
			z-index: 999;
		}

		.main-navigation{
			float: right;
			width: 50%;
		}

		.centered, .centered-narrow {
			width: 90%;
			margin: 0 auto;
		}
		
		.centered-pct {
			width: 94%;
			margin: 0 auto;	
		}
				
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-6-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 0px;
			row-gap: 0px;
		}

		.text-left-to-center{ text-align: center; }
		.text-right-to-center{ text-align: center; }

		.main-menu, .responsive-menu{
			display: none;
		}
		.responsive-hamburger{
			display: block;
		}

		h1{
			font-size: 29px;
			line-height: 40px;
			font-family: 'Yeseva One', cursive;
			font-weight: 400;
			letter-spacing: -0.01em;
		}
		
	}
	
	@media screen and (max-width: 781px){

		.desktop-version{ display: none; }
		.mobile-version{ display: block; }

		.hero, .hero-gap{
			height: 74vh;
		}
	
		.hero-gap-margin-top{
			height: 56vh;
		}

		h1{
			font-size: 29px;
			line-height: 40px;
			font-family: 'Yeseva One', cursive;
			font-weight: 400;
			letter-spacing: -0.017em;
		}

		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-6-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 0px;
			row-gap: 0px;
		}
		
	}
	
	
	@media screen and (max-width: 480px){

		.desktop-version{ display: none; }
		.mobile-version{ display: block; }

		.hero, .hero-gap{
			height: 74vh;
		}
	
		.hero-gap-margin-top{
			height: 53vh;
		}

		h1{
			font-size: 24px;
			line-height: 32px;
			font-family: 'Yeseva One', cursive;
			font-weight: 400;
			letter-spacing: -0.017em;
		}

		h2{
			font-size: 24px;
			line-height: 32px;
			font-family: 'Yeseva One', cursive;
			font-weight: 400;
			letter-spacing: -0.017em;
			color: #38b6ff;
			background-color: #fff;
			padding-top: 8px;&é
			padding-bottom: 8px;
			display: inline-block;
			border: 3px solid #38b6ff;
			border-bottom: 6px solid #38b6ff;
			margin-bottom: 2px;
		}
	
		h2.no-border{
			color: #38b6ff;
			background-color: #fff;
			display: inline-block;
			border: 0px;
		}

		h3{
			font-size: 21px;
			line-height: 32px;
			font-family: 'Yeseva One', cursive;
			font-weight: 400;
			letter-spacing: -0.01em;
		}

		.padded-l1-to-l0{
			padding-left: 0px;
		}
	
		.padded-r1-to-r0{
			padding-right: 0px;
		}

		.text-xxl{
			font-size: 25px;
			line-height: 32px;
		}
		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-6-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 0px;
			row-gap: 0px;
		}
		
	}