html {
	scroll-behavior:smooth;
}
section {
	dispaly:block;
	min-height:100vh;
	padding-bottom:10vh;
	padding-top:10vh;
	position:relative;
}
section .secondary.hollow.button {
	border:1px solid #fff;
	color:#fff;
}
.fira-sans-extralight {
  font-family: "Fira Sans", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.fira-sans-regular {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.t-superhero {
	background:#eee;
	padding-top:18vh;
}
.t-superhero button {
	margin-top:2rem;
}
.t-superhero h1 {
	color:#fff;
}
.t-superhero span {
	font-size:1rem;
	letter-spacing:0.18rem;
	text-transform:uppercase;
}
.t-superhero #t-logocard {
	background:url(../media/img/LC_Mark2_fc.png) center center no-repeat;
	background-size:auto 110%;
	display:block;
	margin-left:7.5%;
	min-height:25vh;
	position:relative;
	width:85%;
}
.top-info {
	background-image: linear-gradient(#eee, #fff);
}
.top-info p {
	font-size:.85rem;
}
.top-info p.lead {
	font-size:1.25rem;
	margin-left:12.5%;
	max-width:75%;
}
.top-info .intro {
	background:url(../media/img/community.gif) center center no-repeat;
	background-size:40% auto;
	height:25vh;
	margin-top:-15vh;
	width:100%;
}
.top-info .cell {
	border-radius:18%;
	margin-top:18vh;
	padding:5vh 2.5vw 7vh;
}
.top-info .ideacell img {
	transition: transform 0.5s ease-in-out;
}
.top-info .ideacell:hover img {
	transform: rotate(360deg);
}
.svcs {
	background:#eee;
	color:#fff;
}
.svcs p {
	font-size:.95rem;
	margin-left:7.5%;
	max-width:85%;
	transition:all ease .5s;
}
.svcs .cell {
	min-height:25vh;
	padding-bottom:10vh;
}
.svcs .cell span {
	border:2px solid #fff;
	display:block;
	min-height:35vh;
	padding-bottom:3vh;
	padding-top:3vh;
	transition:all ease .5s;
	width:100%;
}
.svcs .cell:hover span {
	border-radius:25px;
}
.svcs .cell:hover span p {
	font-weight:300;
	text-shadow:0px 2px 6px #000;
}
.svcs .cell small {
	letter-spacing:0.16rem;
}
.proc h4 {
	font-size:2rem;
	font-weight:bold;
}
.proc p {
	margin-bottom:2vh;
	margin-top:2vh;
	text-shadow:0px 1px 8px #fff;
}
.proc .procell {
	border:1px solid #eee;
	border-radius:25px;
	box-shadow:0px 2px 10px #ececec;
	margin-top:5vh;
	min-height:10vh;
	padding:2%;
	transition:all ease .5s;
}
.proc .procell p {
	background-color:rgba(255, 255, 255, .45);
	border-radius:12.5px;
	dispaly:block;
	font-size:120%;
	min-height:25vh;
	padding:6% 4%;
	transition:all ease .5s;
	width:100%;
}
.proc .procell:hover p {
	padding-top:8vh;
	text-shadow:0px 2px 8px #000;
}
.proc #bigtext strong {
	font-size:2rem;
}
.proc .procell#fire {
	background:url(../media/img/fire_ring.png) left center no-repeat;
	background-size:85% auto;
}
.proc .procell#earth {
	background:url(../media/img/earth_ring.png) left center no-repeat;
	background-size:90% auto;
}
.proc .procell#air {
	background:url(../media/img/air_ring.png) left center no-repeat;
	background-size:65% auto;
}
.proc .procell#water {
	background:url(../media/img/water_ring.png) bottom center no-repeat;
	background-size:75% auto;
}
.proc .procell#fire:hover,
.proc .procell#earth:hover,
.proc .procell#air:hover,
.proc .procell#water:hover {
	background-color:#333;
	box-shadow:0px 2px 10px #777;
	color:#fff;
}
.cta-prefoot .cell {
	color:#fff;
	padding-top:33vh;
}
footer {
	background:#222;
	color:#fff;
	min-height:65vh;
}
footer h5 {
	color:#eee;
	font-size:2rem;
	font-weight:bold;
}
footer ul {
	margin-left:0;
}
footer ul li {
	border-bottom:1px solid #777;
	list-style:none;
	text-decoration:none;
}
footer ul li a {
	color:#ececec;
	letter-spacing:0.16rem;
}
.footer-cell {
	padding-bottom:5vh;
	padding-top:10vh;
}
.footer-cell.legacy img {
	float:left;
	margin:1%;
}