:root{--color1a:#056cf2;--color1b:#167df3;
	--color2a:#F2A005;--color2b:#F3b116;
	--color3:#F55100;--color4a:#F2D005;
	--color4b:#F3e116;--wht:#fff;--offwht:#f1f1f1;
	--txtglo:#05E9F2;--blck:#011837;--bknd:#022554}
/* HAMBURGER */
#navi-toggle{display:none}
#hamburger{position:fixed;
	right:-100px;top:-100px;
	z-index:2000;
	width:200px;height:200px;
	background-color:var(--wht);
	border-radius:50%;
	transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;
	box-shadow:0 0 0 0 var(--wht),0 0 0 0 var(--wht);
	cursor:pointer
}
/* NAVIGATION */nav{z-index:1500}
#contact,#classes{padding-bottom:0.5em;scroll-margin-top:100px}
#menu li a{display:block;text-decoration:none;line-height:2em}
#menu li a:not(#navSignup a){color:var(--color1a)}
@media only screen and (min-width:768px){
	header{z-index:300;
		position:fixed;
		width:100%;height:3em;
		background-color:var(--wht);
		border-bottom:4px solid var(--color2a)
	}
	#logo{margin:0.1rem 0;
		height:2.5rem;width:6.2rem;
		background:url("./img/LogoSmall.png");background-repeat:no-repeat;background-size:cover;
		text-indent:-9999px
	}
	#header-content{padding:0 3em;
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin:auto
	}
	#above-fold{margin-top:1.5em}
	#menu{display:flex;justify-content:flex-end}
	#navSignup{background-color:var(--color3);-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px;a{color:var(--wht)}}
	#menu li a{border:none;
		padding:0px 20px;
		-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
		font-size:1.25rem
	}
	#menu li a:hover:not(#navSignup a:hover){background-color:var(--color1b);color:var(--wht);}
	#navSignup a:hover{background-color:var(--wht);color:var(--color3)}
	#hamburger,#background{display:none}
	.sideBySide{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}
	#socials{display:table;text-align:left}
	#socIcons{margin:0;display:inline-block;padding:0;list-style:none}
	#socIcons li{display:inline-block;margin:auto}
	main{margin-top:50px}
}
@media only screen and (max-width:767px){
	header{height:0;}
	#background{position:fixed;
		height:1rem;width:1rem;
		top:3vh;right:5vw;
		-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
		background:var(--wht);
		z-index:1000;
		box-shadow:0 0 0 0.15em var(--color2a),0 0 0 0.4em var(--color1b);
		transition:transform 0.8s cubic-bezier(0.86,0,0.07,1)
	}
	#logo{z-index:5000;
		position:fixed;
		top:5px;left:5px;
		height:60px;width:60px;
		background:url("./img/LogoCir.png");background-repeat:no-repeat;
		text-indent:-9999px
	}
	#nav{position:fixed;
		height:90vh;width:0;
		top:0;right:-60vw;
		opacity:0;
		transition:all 0.8s
	}
	#menu{position:absolute;
		top:50%;left:50%;
		transform:translate(-50%,-50%);
		text-align:center;
		width:100%;
		li{font-size:1.8rem;}
	}
	#navi-toggle:checked~#background{transform:scale(80)}
	#navi-toggle:checked~#nav{opacity:1;width:100%;right:0}
	#hamburgerIcon{position:absolute;
		top:135px;left:50px;
		width:30px;height:2px;
		background:var(--color2a);
		display:block;
		transform-origin:center;-webkit-transform-origin:center;
		transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out
	}
	#hamburgerIcon:after,#hamburgerIcon:before{
		-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;
		position:absolute;
		display:block;
		width:100%;height:100%;
		background:var(--color2a)
	}
	#hamburgerIcon:before{top:-10px}
	#hamburgerIcon:after{bottom:-10px}
	#hamburgerIcon::before,#hamburgerIcon::after{content:"";position:absolute;left:0;transition:all 0.2s}
	#navi-toggle:checked+#hamburger #hamburgerIcon{background-color:transparent}
	#navi-toggle:checked+#hamburger #hamburgerIcon::before{top:0;transform:rotate(135deg)}
	#navi-toggle:checked+#hamburger #hamburgerIcon::after{top:0;transform:rotate(-135deg)}
	#socials{z-index:500;
		position:fixed;
		left:-100px;bottom:-100px;
		width:275px;height:180px;
		background-color:var(--color1b);
		-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:4px solid var(--color2a);
		cursor:pointer
	}
	#socIcons{position:absolute;top:30%;left:50%;transform:translate(-30%,-50%)}
	#socIcons li{display:inline}
	#map{order:1}
}
@media only screen and (min-width:997px){.double{grid-column:span 2}.triple{grid-column:span 3}}
@media only screen and (min-width:673px) and (max-width:996px){.triple{grid-column:span 2}}
body{background-color:var(--bknd)}
#wrapper{padding:min(1.5em,3%);font:16px/1.4em 'Open Sans',Verdana,sans-serif;color:var(--blck)}
main{max-width:75rem;margin:0 auto}
.card{-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem;text-align:center}
.round-top{-webkit-border-radius:1rem 1rem 0 0;-moz-border-radius:1rem 1rem 0 0;border-radius:1rem 1rem 0 0}
.round-btm{-webkit-border-radius:0 0 1rem 1rem;-moz-border-radius:0 0 1rem 1rem;border-radius:0 0 1rem 1rem}
.pad{padding:1.5em}
.full-width{width:100%}
.vert-align{display:flex;align-items:center}
/* Grid Layout */
.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1em}
/* Color sections */
.accent-block{background-image:linear-gradient(to bottom right,var(--color2a) 20%,var(--color2b) 80%);color:var(--wht)}
.col-block{background-image:linear-gradient(to bottom right,var(--color1a) 20%,var(--color1b) 80%);color:var(--wht)}
.blk-block{background-color:var(--blck);color:var(--wht)}
.wht-block{background-image:linear-gradient(to bottom right,var(--offwht) 20%,var(--wht) 80%);color:var(--blck);}
.sec-block{background-image:linear-gradient(to bottom right,var(--color4a) 20%,var(--color4b) 80%);color:var(--wht)}
.red-block{background-image:linear-gradient(to bottom right,var(--color3) 70%,var(--color2a) 90%);color:var(--wht)}
/* Button */
.btn{font-size:1.6em;
	padding:0.5rem 2rem;
	margin:auto auto 1rem;
	-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px;
	border:5px solid var(--wht);
	color:var(--wht);
	cursor:pointer
}
.btn:hover{color:var(--color3);
	background-image:var(--wht);
	background-color:var(--wht);
	border-color:var(--color3)
}
#heroSignup{background-image:none;background-color:var(--color3)}
#heroSignup:hover{background-color:var(--wht)}
/* Text formatting */
h2,h3,label,.btn{display:block;
	font-weight:400;font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1.2em;
	text-align:center
}
h2,h3,.btn{font-family:"Fjalla One",serif}
p{padding-bottom:0.5rem}
a{font-family:"Fjalla One",sans-serif;color:var(--color3);text-decoration:none}
a:hover{text-decoration:underline}
#hilite-txt{color:var(--white);text-shadow:0 0 7px var(--color4a),0 0 7px var(--txtglo)}
.accent-txt{color:var(--wht);text-shadow:0 0 5px var(--color4a),0 0 5px var(--color4b)}
.col-txt{color:var(--color1a);text-shadow:0 0 5px var(--txtglo),0 0 5px var(--bknd)}
.wht-txt{color:var(--wht);text-shadow:0 0 5px var(--txtglo),0 0 5px var(--wht)}
strong{font-weight:bold}
i{font-style:italic}
/* Text sizing */
/* h1{font-size:2.5rem} */
h2{font-size:2rem}
h3{font-size:1.75rem}
/* Individual boxes */
.grid-container{margin-bottom:1em}
#silo{background:url("./img/silho.png") center 0.5em no-repeat}
#icon-relax{background:url("./img/relax.png") center 3.2rem no-repeat}
#icon-music{background:url("./img/music.png") center 3.2rem no-repeat}
#icon-express{background:url("./img/express.png") center 3.2rem no-repeat}
#icon-fitness{background:url("./img/fitness.png") center 3.2rem no-repeat}
#sqrList{display:grid;
	place-content:center;
	text-align:left;
	height:283px;
	font-size:1.2em;
	line-height:1.7em;
	li{position:relative;
		display:block;
		margin:0.5em 3em;
		width:max-content;
		&::before{color:var(--color3);
			content:"";
			display:inline-block;
			position:absolute;
			left:-2em;top:0.3em;
			transform:rotate(45deg);
			height:0.8em;width:0.3em;
			border-bottom:0.3em solid;border-right:0.3em solid
		}
	}
}
.table{display:flex;flex-wrap:wrap;gap:0 1rem;justify-content:center;align-items:flex-start}
.col{display:flex;flex-wrap:wrap;gap:0.5rem;padding:1rem;min-width:23%;justify-content:center}
.quarter{max-width:260px}
form{width:100%}
form input,textarea{padding:10px;
	width:90%;
	font:16px/1.4em 'Open Sans',Verdana,sans-serif;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	margin:auto auto 10px;
	border-style:none
}
form textarea{resize:none;height:150px}
.pic{width:100%;max-width:100%;height:auto;max-height:100%}
iframe{display:block;
	height:100%;width:100%;min-height:480px;
	margin:auto
}
footer{padding:20px;
	font-weight:200;
	p{font-style:italic;text-align:center;font-size:0.9rem}
	ul{font-size:1.25rem;
		display:block;
		margin:0 auto 1.25em;
		text-align:center;
		li a{display:block;
			line-height:2em;
			text-decoration:none;
			color:var(--wht)
		}
	}
}
/* Effects */
@media (prefers-reduced-motion:no-preference){
	.js .hidden{transition:2s;
		opacity:0;
		transform:translateY(50px);
		filter:blur(5px)
	}
	#sqrList li:nth-child(2){transition-delay:200ms}
	#sqrList li:nth-child(3){transition-delay:400ms}
	#sqrList li:nth-child(4){transition-delay:650ms}
	#sqrList li:nth-child(5){transition-delay:800ms}
}
.js .show{opacity:1;transform:translateY(0);filter:blur(0px)}
.js #sqrList .show{transform:translateX(0);transform:scale(1)}