*,:before,:after {
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

html {
	scroll-behavior: smooth;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	display: grid;
	align-content: start;
	font-family: Lexend Deca Light;
	font-size: 1.1rem;
	line-height: 1.4;
	background-color: var(--bc-body);
	border-top: solid 4px var(--c-1);
}

input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=time], input[type=checkbox], input[type=radio], input[type=file], textarea, select {
	font-family: inherit;
	font-size: 1rem;
	border: none;
	padding: 0.7rem;
	border: solid 1px rgba(0,0,0,0.2);
	background-color: #fff;
	width: 100%;
}
input[type="radio"], input[type="checkbox"] {
  width: 1em;
  height: 1rem;
  accent-color: var(--c-2);
}
select {
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTIyNS45MjMgMzU0LjcwNmMtOC4wOTggMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcgMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3IDAtNDQuNzUxIDEyLjM1NC0xMi4zNTQgMzIuMzg4LTEyLjM1NCA0NC43NDggMGwxNzEuOTA1IDE3MS45MTUgMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQgMzIuMzkxLTEyLjM1NCA0NC43NDQgMCAxMi4zNjUgMTIuMzU0IDEyLjM2NSAzMi4zOTIgMCA0NC43NTFMMjQ4LjI5MiAzNDUuNDQ5Yy02LjE3NyA2LjE3Mi0xNC4yNzQgOS4yNTctMjIuMzY5IDkuMjU3eiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
	background-position: center right 0.6rem;
	background-size: auto 1rem;
	background-repeat: no-repeat;
}
input[type=checkbox], input[type=radio] {
	margin: 0;
	margin-top: 0.20rem;
}
input[type=number] {
	appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
}
input[name=h] {
  display: none;
}
label {
	display: block;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	color: var(--c-1);
}
button {
	cursor: pointer;
	background-color: transparent;
	border: none;
}
.bottone {
	font-family: Lexend Deca Regular;
	color: var(--c-1);
	text-align: center;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 0.5rem 1.5rem;
	border: solid 1px var(--c-1);
	transition: all 0.3s;
}
.bottone:hover {
	color: #fff;
	background-color: var(--c-1);
	translate: 0 -0.2rem;
	box-shadow: 0 0 1rem rgba(0,0,0,0.4);
}

img {
	max-width: 100%;
}

a {
	color: var(--color-1);
	text-decoration: none;
}
h1, h2, h3, h4 {
	xfont-family: Lexend Deca Bold;
	font-weight: normal;
	line-height: 1;
	letter-spacing: -3px;
	margin: 0;
}
h1 {
	font-family: Lexend Deca Bold;
	font-size: 6rem;
	line-height: 0.9;
}
			@media (max-width: 950px ) {
				h1 {
					font-size: 3.5rem;
					}
				}
h2 {
	font-family: Lexend Deca Bold;
	font-size: 3rem;
	line-height: 0.9;
	letter-spacing: -2px;
}
			@media (max-width: 950px ) {
				h2 {
					font-size: 2rem;
					}
				}
h3 {
	font-family: Lexend Deca Light;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.1;
	letter-spacing: 0;
}
			@media (max-width: 950px ) {
				h3 {
					font-size: 1.5rem;
					}
				}
h4 {
	font-family: Lexend Deca Bold;
	font-size: 1.1rem;
	letter-spacing: 0;
	text-transform: uppercase;
}


p, ul {
	margin: 0;
	margin-bottom: 1rem;
	
}
p:last-child {
	margin-bottom: 0;
}


p a {
	border-bottom: solid 2px var(--c-1);
	transition: 0.2s all;
}
ul {
	margin: 0;
	padding: 0;
	padding-left: 1rem;
	margin-bottom: 1rem;
}
ul li {
	margin-bottom: 0.4rem;
	line-height: 1.2;
}

.hp {
	position: absolute;
	top: 0;
	left: -200%;
}

.hamb {
	position: absolute;
	z-index: 1000;
	top: 2rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	background-image: url(../ico/hamburger.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
			@media (min-width: 890px ) {
				.hamb {
					display: none;
				}
			}
.hamb-000 {
	background-image: url(../ico/hamburger.svg);
}
.mobile-menu {
	display: grid;
	position: fixed;
	z-index: 1000;
	align-content: center;
	justify-content: center;
	top: 0;
	right: 0;
	auto;
	height: 100%;
	xwidth: 50%;
	padding-left: 2rem;
	padding-right: 2rem;
	transform: translateX(100%);
	width: 100%;
	opacity: 1;
	backdrop-filter: blur(0.5rem);
	background-color: rgba(11,129,26,0.8);
	animation-timing-function: ease;
	transition: all 0.3s;
	overflow-y: scroll;
}
.mobile-menu-on {
	transform: translateX(0);
	opacity: 1;
	box-shadow: -1rem 0 2rem rgba(0,0,0,0.4);
}
.mobile-menu-x {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	width: 3rem;
	height: 3rem;
	background-image: url(../ico/x-fff.svg);
	background-size: auto 1rem;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.4;
}

			@media (max-width: 890px ) {
				.ct {
					font-size: 1.15rem;
					xfont-weight: bold;
					color: #fff;
					opacity: 0.5;
					margin-top: 1.2rem;
					margin-bottom: 0.4rem;
				}
			}
.mobile-menu-links {
	display: grid;
	justify-items: center;
	grid-gap: 1rem;
	margin-top: 1.5rem;
}
.mobile-menu-links a {
	color: #fff;
	font-size: 1.4rem;
}

.hero {
	position: relative;
	background-color: #FACD00;
	background-image: url(../images/hero.webp?2222);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 50rem;
}
.hero:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom right, #000, transparent);
	opacity: 0;
}
			@media (max-width: 950px ) {
				.hero {					
					background-image: url(../images/hero-mobile.webp?2222);
					background-position: center top;
					background-size: cover;
					height: auto;
				}
			}
.hero-pagina {
	background-repeat: no-repeat;
	background-position: center top 8rem;
	background-size: auto 45rem;
}
.hero-pagina-mattina-bambini     { background-image: url(../attivita/mattina-bambini.webp?222); }
.hero-pagina-mattina-adulti      { background-image: url(../attivita/mattina-adulti.webp?222); }
.hero-pagina-pomeriggio-bambini  { background-image: url(../attivita/pomeriggio-bambini.webp?222); }
.hero-pagina-pomeriggio-adulti   { background-image: url(../attivita/pomeriggio-adulti.webp?222); }
.hero-pagina-piccoli             { background-image: url(../images/piccoli.webp?222); background-position: center top 8rem }
.hero-pagina-piccoli             { background-image: url(../images/piccoli.webp?222); background-position: center top 8rem }
.hero-pagina-centro-estivo       { background-image: url(../images/centro-estivo.webp?222); background-position: center top 8rem }

			@media (max-width: 950px ) {
				.hero-pagina-mattina-bambini    { background-image: none }
				.hero-pagina-mattina-adulti     { background-image: none }
				.hero-pagina-pomeriggio-bambini { background-image: none }
				.hero-pagina-pomeriggio-adulti  { background-image: none }
				.hero-pagina-piccoli			{ background-image: none }
				.hero-pagina-centro-estivo      { background-image: none }
			}
.hero-pagina-feste {
	background-image: url(../feste/hero.webp?222);
}
.hero-pagina-eventi {
	background-image: url(../eventi/hero.webp?222);
	background-position: center top 8rem;
	background-size: auto 55rem;
}
.hero-pagina-lavora-con-noi {
	background-image: url(../lavora-con-noi/hero.webp?222);
	background-position: center top 8rem;
	background-size: auto 55rem;
}
.hero-pagina-contatti {
	background-image: url(../contatti/hero.webp?222);
	background-position: center top 2rem;
	background-size: auto 45rem;
}
			@media (max-width: 950px ) {
				.hero-pagina-attivita {
					background-size: auto 32rem;
					background-position: right -6rem top 2rem;
					background-image: url(../attivita/hero-mobile.webp?222);
				}
				.hero-pagina-spazio-pomeriggio {
					background-size: 100% auto;
					background-position: right 0 top 4rem;
					background-image: url(../spazio-pomeriggio/hero-mobile.webp?222);
				}
				.hero-pagina-feste {
					background-size: auto 32rem;
					background-position: right 0 top 2rem;
					background-image: url(../feste/hero-mobile.webp?222);
				}
				.hero-pagina-eventi {
					background-size: auto 32rem;
					background-position: right 0 top 2rem;
					background-image: url(../eventi/hero-mobile.webp?222);
				}
				.hero-pagina-lavora-con-noi {
					background-size: auto 32rem;
					background-position: right 0 top 2rem;
					background-image: url(../lavora-con-noi/hero-mobile.webp?222);
				}
				.hero-pagina-contatti {
					background-size: auto 32rem;
					background-position: right 0 top 2rem;
					background-image: url(../contatti/hero-mobile.webp?222);
				}
			}


.info {
}
.info .main {
	background-image: url(../images/info.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top right 5rem;
}
			@media (max-width: 950px ) {
				.info .main {
					padding-top: 0;
					padding-bottom: 0;
					background-image: none;
					}
				}

.qrcode {
	width: 10rem;
}


.main {
	display: grid;
	position: relative;
	display: grid;
	justify-self: center;
	width: 100%;
	max-width: 1100px;
}

.top {
	z-index: 100;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.top-logo {
	height: 12rem;
}
.top-logo-mobile {
	height: 8rem;
}
			@media (max-width: 950px ) {
				.top-logo {
					height: 9rem;
					}
				}

nav {
	display: grid;
	grid-auto-flow: column;
	align-self: start;
	grid-gap: 1.1rem;
	text-transform: uppercase;
	font-family: Lexend Deca Regular;
	font-size: 1.05rem;
}
			@media (max-width: 950px ) {
				}

nav a, nav span {
	position: relative;
	color: #000;
	letter-spacing: -0.8px;
	border-bottom: solid 3px transparent;
	transition: all 0.3s;
}
#home nav > a, #home nav > span {
	color: #fff;
}

nav a:hover {
	border-bottom-color: var(--c-1);
	cursor: pointer;
}
nav span:hover {
	cursor: pointer;
}
.nav-active {
	border-bottom-color: var(--c-1);

}
.nav-000 {
	color: #000;
}

.nav-dropdown {
	position: absolute;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	display: grid;
	top: 1.5rem;
	left: 50%;
	translate: -50% 0;
	background-color: #fff;
	white-space: nowrap;
	font-weight: normal;
	font-size: 1rem;
	line-height: 2;
	padding: 1.5rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
	text-transform: none;
	transition: all 0.2s;
}

.nav-dropdown a {
	color: #000;
}
.nav-dropdown a:hover {
	color: var(--c-1);
	border-bottom-color: transparent;
}

.nav-dropdown-on {
	top: 1.5rem;
	visibility: visible;
	opacity: 1;
}

.attivita-elenco {
	grid-template-columns: 1fr 1fr;
	grid-gap: 6rem;
}
			@media (max-width: 950px ) {
					.attivita-elenco {
						grid-template-columns: 1fr;
						grid-gap: 4rem;
					}
				}
.attivita-elenco img {
	display: grid;
	align-self: end;
	object-fit: cover;
	object-position: bottom center;
	width: 100%;
	height: 23rem;
}


.calendario-container {
	overflow-x: none;
}
			@media (max-width: 950px) {
				.calendario-container {
					overflow-x: scroll;
				}
			}

.calendario tr td:nth-child(1) {
	text-wrap: nowrap;
	color: var(--c-1);
}
.calendario td {
	padding: 1rem;
	font-size: 1rem;
	line-height: 1.2;
}
.calendario .sabato {
	background-color: #EDECEA;
}
.calendario tr {
	background-color: rgba(0, 0, 0, 0.1);
}
.calendario tr:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}
.calendario tr:nth-child(1) {
	background-color: transparent;
	font-weight: bold;
	color: var(--c-1);
}
			@media (max-width: 950px ) {
					.xxxcalendario {
						grid-template-columns: 1fr;
						grid-gap: 3rem;
						font-size: 0.9rem;
						color: rgba(0,0,0,0.7);
					}
				}
.prezzi {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2rem;
	xgrid-row-gap: 1rem;
	font-size: 0.9rem;
	xcolor: rgba(0,0,0,0.7);
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-top: solid 1px rgba(0,0,0,0.3);
	border-bottom: solid 1px rgba(0,0,0,0.3);
}

.gallery {
	display: grid;
}
.gallery img {
	object-fit: cover;
}
			@media (max-width: 950px ) {
					.gallery img {
						aspect-ratio: 1;
					}
				}

.b        { font-weight: bold }

.block		{ display: block }
.fixed		{ position: fixed }
.absolute	{ position: absolute }
.relative	{ position: relative }
.hidden		{ display: none }
.nw       { white-space: nowrap }

.fs-0_9   { font-size: .9rem }
.fs-1   { font-size: 1rem }
.fs-1_1 { font-size: 1.1rem }
.fs-1_2 { font-size: 1.2rem }
.fs-1_3 { font-size: 1.3rem }
.fs-1_4 { font-size: 1.4rem }
.fs-1_5 { font-size: 1.5rem }

.lh-1   { line-height: 1 }
.lh-1_1 { line-height: 1.1 }
.lh-1_2 { line-height: 1.2 }
.lh-1_3 { line-height: 1.3 }
.lh-1_4 { line-height: 1.4 }
.lh-1_5 { line-height: 1.5 }

.g		  { display: grid }
.g-gaf 	{ grid-auto-flow: column; justify-content: space-between }
.g-jis	{ justify-items: start }
.g-jic	{ justify-items: center }
.g-jie	{ justify-items: end }
.g-jcs	{ justify-content: start }
.g-jcc	{ justify-content: center }
.g-jie	{ justify-content: end }
.g-jsc	{ justify-self: center }
.g-jsl	{ justify-self: left }
.g-jsr	{ justify-self: right }
.g-ass	{ align-self: start }
.g-asc	{ align-self: center }
.g-ase	{ align-self: end  }
.g-ais	{ align-items: start }
.g-aic	{ align-items: center }
.g-aie	{ align-items: end }
.g-acs	{ align-content: start }
.g-acc	{ align-content: center }
.g-ace	{ align-content: end }
.g-jss	{ justify-self: stretch }
			@media (max-width: 950px ) {
				.g-m-jis	{ justify-items: start }
				.g-m-jic	{ justify-items: center }
				.g-m-jie	{ justify-items: end }
				.g-m-jcs	{ justify-content: start }
				.g-m-jcc	{ justify-content: center }
				.g-m-jie	{ justify-content: end }
				.g-m-jsc	{ justify-self: center }
				.g-m-jsl	{ justify-self: left }
				.g-m-jsr	{ justify-self: right }
				.g-m-ass	{ align-self: start }
				.g-m-asc	{ align-self: center }
				.g-m-ase	{ align-self: end  }
				.g-m-ais	{ align-items: start }
				.g-m-aic	{ align-items: center }
				.g-m-aie	{ align-items: end }
				.g-m-acs	{ align-content: start }
				.g-m-acc	{ align-content: center }
				.g-m-ace	{ align-content: end }
				.g-m-jss	{ justify-self: stretch }
			}
			@media (min-width: 950px ) {
				.g-d-gaf 	{ grid-auto-flow: column; justify-content: space-between }
				.g-d-jsc	{ justify-self: center }
				.g-d-jsl	{ justify-self: left }
				.g-d-jsr	{ justify-self: right }
				.g-d-ass	{ align-self: start }
				.g-d-asc	{ align-self: center }
				.g-d-ase	{ align-self: end  }
				.g-d-ais	{ align-items: start }
				.g-d-aic	{ align-items: center }
				.g-d-aie	{ align-items: end }
				.g-d-acs	{ align-content: start }
				.g-d-acc	{ align-content: center }
				.g-d-ace	{ align-content: end }
				.g-d-jss	{ justify-self: stretch }
			}

.gtc-1-1   { grid-template-columns: repeat(2,1fr) }
.gtc-1-1-1 { grid-template-columns: repeat(3,1fr) }
.gtc-1-1-1-1-1 { grid-template-columns: repeat(5,1fr) }
.gtc-4-3   { grid-template-columns: 4fr 3fr }
.gtc-a-1   { grid-template-columns: auto 1fr }
.gtc-a-a   { grid-template-columns: auto auto }
			@media (max-width: 950px ) {
				.gtc-1-1, .gtc-a-a, .gtc-1-1-1, .gtc-1-1-1-1-1, .gtc-4-3  {
					grid-template-columns: 1fr;
				}
				.m-gtc-1-1  {
					grid-template-columns: 1fr 1fr;
				}

			}
.gg-0      { grid-gap: 0 }
.gg-1      { grid-gap: 1rem }
.gg-2      { grid-gap: 2rem }
.gg-3      { grid-gap: 3rem }
.gg-4      { grid-gap: 4rem }
.gg-5      { grid-gap: 5rem }
.gg-6      { grid-gap: 6rem }
.gg-7      { grid-gap: 7rem }
.grg-2     { grid-row-gap: 2rem }
.grg-8     { grid-row-gap: 8rem }
.gcg-0_5   { grid-column-gap: 0.5rem }
.gcg-1     { grid-column-gap: 1rem }
.m-gg-0      { grid-gap: 0 }
			@media (max-width: 950px ) {
				.m-gg-1      { grid-gap: 1rem }
				.m-gg-2      { grid-gap: 2rem }
				.m-gg-3      { grid-gap: 3rem }
				.m-gg-4      { grid-gap: 4rem }
				.m-gg-5      { grid-gap: 5rem }
				.m-gg-6      { grid-gap: 6rem }
				.m-grg-3     { grid-row-gap: 3rem }
			}

.gsa      { grid-column: 1/-1 }

.padded {
	padding-left: 1rem;
	padding-right: 1rem;
}
			@media (max-width: 950px ) {
				.mobile-padded {
					padding-left: 1rem;
					padding-right: 1rem;
				}
				.mobile-nopadded {
					padding-left: 0;
					padding-right: 0;
				}
			}

.w-100 { width: 100%; }

@media (max-width: 890px ) {
	.w-m-10  { width: 10% }
	.w-m-20  { width: 20% }
	.w-m-30  { width: 30% }
	.w-m-40  { width: 40% }
	.w-m-50  { width: 50% }
	.w-m-60  { width: 60% }
	.w-m-70  { width: 70% }
	.w-m-80  { width: 80% }
	.w-m-85  { width: 85% }
	.w-m-90  { width: 90% }
	.w-m-95  { width: 95% }
	.w-m-100 { width: 100% }
	.mw-m-10  { max-width: 10% }
	.mw-m-20  { max-width: 20% }
	.mw-m-30  { max-width: 30% }
	.mw-m-40  { max-width: 40% }
	.mw-m-50  { max-width: 50% }
	.mw-m-60  { max-width: 60% }
	.mw-m-70  { max-width: 70% }
	.mw-m-80  { max-width: 80% }
	.mw-m-85  { max-width: 85% }
	.mw-m-90  { max-width: 90% }
	.mw-m-95  { max-width: 95% }
	.mw-m-100 { max-width: 100% }
}
@media (min-width: 890px ) {
	.w-d-10  { width: 10% }
	.w-d-20  { width: 20% }
	.w-d-30  { width: 30% }
	.w-d-40  { width: 40% }
	.w-d-50  { width: 50% }
	.w-d-60  { width: 60% }
	.w-d-70  { width: 70% }
	.w-d-80  { width: 80% }
	.w-d-85  { width: 85% }
	.w-d-90  { width: 90% }
	.w-d-95  { width: 95% }
	.w-d-100 { width: 100% }
	.mw-d-10  { max-width: 10% }
	.mw-d-20  { max-width: 20% }
	.mw-d-30  { max-width: 30% }
	.mw-d-40  { max-width: 40% }
	.mw-d-50  { max-width: 50% }
	.mw-d-60  { max-width: 60% }
	.mw-d-70  { max-width: 70% }
	.mw-d-80  { max-width: 80% }
	.mw-d-85  { max-width: 85% }
	.mw-d-90  { max-width: 90% }
	.mw-d-95  { max-width: 95% }
	.mw-d-100 { max-width: 100% }
}

.p-1	{ padding: 1rem }
.p-2	{ padding: 2rem }
.p-3	{ padding: 3rem }

.p-0	{ padding: 0 }
.pb-0	{ padding-bottom: 0 }
.pb-1	{ padding-bottom: 1rem }
.pb-2	{ padding-bottom: 2rem }
.pb-3	{ padding-bottom: 3rem }
.pb-4	{ padding-bottom: 4rem }
.pb-5	{ padding-bottom: 5rem }
.pb-6	{ padding-bottom: 6rem }
.pb-7	{ padding-bottom: 7rem }
.pb-8	{ padding-bottom: 8rem }
.pt-1	{ padding-top: 1rem }
.pt-2	{ padding-top: 2rem }
.pt-3	{ padding-top: 3rem }
.pt-4	{ padding-top: 4rem }
.pt-5	{ padding-top: 5rem }
.pt-6	{ padding-top: 6rem }
.pt-7	{ padding-top: 7rem }
.pt-8	{ padding-top: 8rem }
			@media (max-width: 950px ) {
				.m-p-0	{ padding: 0 }
				.m-p-1	{ padding: 1rem }
				.m-p-2	{ padding: 2rem }
				.m-p-3	{ padding: 3rem }
				.m-pb-0	{ padding-bottom: 0 }
				.m-pb-1	{ padding-bottom: 1rem }
				.m-pb-2	{ padding-bottom: 2rem }
				.m-pb-3	{ padding-bottom: 3rem }
				.m-pb-4	{ padding-bottom: 4rem }
				.m-pb-5	{ padding-bottom: 5rem }
				.m-pb-6	{ padding-bottom: 6rem }
				.m-pb-7	{ padding-bottom: 7rem }
				.m-pb-8	{ padding-bottom: 8rem }
				.m-pt-1	{ padding-top: 1rem }
				.m-pt-2	{ padding-top: 2rem }
				.m-pt-3	{ padding-top: 3rem }
				.m-pt-4	{ padding-top: 4rem }
				.m-pt-5	{ padding-top: 5rem }
				.m-pt-6	{ padding-top: 6rem }
				.m-pt-7	{ padding-top: 7rem }
				.m-pt-8	{ padding-top: 8rem }
			}
.mb-0	{ margin-bottom: 0 }
.mb-0_5	{ margin-bottom: 0.5rem }
.mb-1	{ margin-bottom: 1rem }
.mb-1_5	{ margin-bottom: 1.5rem }
.mb-2	{ margin-bottom: 2rem }
.mb-3	{ margin-bottom: 3rem }
.mb-4	{ margin-bottom: 4rem }
.mb-5	{ margin-bottom: 5rem }
.mb-6	{ margin-bottom: 6rem }
.mb-7	{ margin-bottom: 7rem }
.mb-8	{ margin-bottom: 8rem }
.mt-0	{ margin-top: 0 }
.mt-1	{ margin-top: 1rem }
.mt-1_5	{ margin-top: 1.5rem }
.mt-2	{ margin-top: 2rem }
.mt-3	{ margin-top: 3rem }
.mt-4	{ margin-top: 4rem }
.mt-5	{ margin-top: 5rem }
.mt-6	{ margin-top: 6rem }
.mt-7	{ margin-top: 7rem }
.mt-8	{ margin-top: 8rem }
.mt-9	{ margin-top: 9rem }
.mt-10	{ margin-top: 10rem }
			@media (max-width: 950px ) {
				.m-mb-0	{ margin-bottom: 0 }
				.m-mb-0_5	{ margin-bottom: 0.5rem }
				.m-mb-1	{ margin-bottom: 1rem }
				.m-mb-2	{ margin-bottom: 2rem }
				.m-mb-3	{ margin-bottom: 3rem }
				.m-mb-4	{ margin-bottom: 4rem }
				.m-mb-5	{ margin-bottom: 5rem }
				.m-mb-6	{ margin-bottom: 6rem }
				.m-mb-7	{ margin-bottom: 7rem }
				.m-mb-8	{ margin-bottom: 8rem }
				.m-mt-0	{ margin-top: 0 }
				.m-mt-1	{ margin-top: 1rem }
				.m-mt-2	{ margin-top: 2rem }
				.m-mt-3	{ margin-top: 3rem }
				.m-mt-4	{ margin-top: 4rem }
				.m-mt-5	{ margin-top: 5rem }
				.m-mt-6	{ margin-top: 6rem }
				.m-mt-7	{ margin-top: 7rem }
				.m-mt-8	{ margin-top: 8rem }
			}

.m-0	{ margin: 0 }
			@media (max-width: 950px ) {
				.m-m-0	{ margin: 0 }
			}

.h-1    { height: 1rem }
.h-2    { height: 2rem }
.h-2_5  { height: 2.5rem }
.h-3    { height: 3rem }
.h-3_5  { height: 3.5rem }
.h-4    { height: 4rem }
.h-5    { height: 5rem }
.h-6    { height: 6rem }
.h-7    { height: 7rem }
.h-7    { height: 7rem }
.h-10    { height: 10rem }
.h-11    { height: 11rem }
.h-13    { height: 13rem }

.o-05   { opacity: 0.5 !important }
.o-04   { opacity: 0.4 !important }
.o-03   { opacity: 0.3 !important }


.nodesktop				{ display: none !important }
.nodesktop-br br	{ display: none !important }

@media (min-width: 950px ) {
	.desktop-jsl { justify-self: left }
}

@media (max-width: 950px ) {
	.nomobile				 {	display: none !important  }
	.nomobile-br br  {	display: none }
	.nodesktop			 { display: grid !important  }
	.nodesktop-br br { display: grid}
	.m-order-invert  { order: -1	}
}




.reveal-text {
	position: relative;
	opacity: 0;
	transform: translateY(2rem);
	xtransition: all 1s;
}
.reveal-text-show {
	transform: translateY(0);
	opacity: 1;
}
.reveal-image {
	opacity: 0;
	transition: all 1.5s;
}
.reveal-image-show {
	opacity: 1;
}