html * {
	box-sizing:border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:1.5;
}

main {
	display:grid;
	grid-template-rows:1fr 1fr;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

section {
	min-height:100vh;
}

aside {}
	aside img {
		display:block;
	}
	aside h1 {
		font-size:30px;
		line-height:1.5em;
		font-weight:400;
		padding:1.5em 0;
		text-align:center;
		max-width:14em;
	}
	aside h2 {
		color:#ff6100;
		font-size:25px;;
		line-height:1.5em;
		font-weight:400;
		padding:1.5em 0;
		text-align:center;
		max-width:13em;		
	}
	aside a {
		color:#ffb900;
		text-decoration:none;
	}
		aside a:hover {
			text-decoration:underline;
		}

	
article {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:1rem;
	background:#eee;
	text-align:center;
}
	article h1 {
		font-size:30px;
		line-height:1.5em;
		font-weight:400;
		padding:1em 0;
		text-align:center;
	}
	article h2 {
		font-size:26px;
		line-height:1.5rem;
		font-weight:600;
		padding:60px 0;
		text-align:center;
	}

p {
	margin:1rem 0;
}

ul,
ol {
	margin:1rem 0 1rem 2rem;
}
	ul li {
		list-style-type:disc;
		margin-left:1rem;
	}
	ol li {
		list-style-type:decimal;
		margin-left:1rem;
	}

a.button,
input[type=submit] {
	text-transform:uppercase;
	text-decoration:none;
	font-weight:700;
	color:#fff;
	background:#ff6100;
	font-size:30px;
	padding:.5em 1.5em;
	margin-bottom:1em;
	border-radius:1em;
	max-width:340px;
}
	a.button:hover,
	input[type=submit]:hover {
		background:#ffb900;
		text-decoration:none;
		cursor:pointer;
	}
	
.window {
	text-align:left;
}

form>ol {
	margin:0;
	padding:0;
}
	form>ol>li {
		padding:.5rem 0;
		list-style-type:none;
	}
		form>ol>li label {
			display:none;
		}
		form>ol>li input {
			border:1px solid #999;
			font-size:18px;
			padding:.5em;
			width:80%;
		}
		form>ol>li textarea {
			border:1px solid #999;
			font-size:18px;
			padding:.5em;
			width:80%;
			min-height:100px;
		}
		
		@media only screen and (min-width: 1202px) {
			form>ol>li input,
			form>ol>li textarea {
				width:100%;
			}
			
		}
#form_item_d {
	display:none;
}

.no_mobile {
	display:none;
}

section.padded_on_mobile {
	padding:1rem;
}

section#initial {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background:#000;
	color:#fff;
	padding:3em 0;
}

section#tell-me {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

section#sign-up-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	@media only screen and (min-width: 1202px) {
		section#sign-up-form {
			padding:4em;
		}
	}

section#showcase {
	display:grid;
	gap:1em;
	width:100%;
	box-sizing:border-box;
	background:#333;
	padding:1em;
}

	section#showcase>a {
		aspect-ratio: 1 / 1;
		background-color:silver;
		position:relative;
		background-size:cover;
		background-position:top center;
	}
		section#showcase>a>span {
			position:absolute;
			left:0;
			right:0;
			bottom:0;
			background:rgba(255,255,255,.9);
			color:#ff6100 !important;
			text-decoration:none;
			padding:.5rem;
			font-size:13px;
			-webkit-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.7);
			box-shadow: 0 -1px 4px 0 rgba(0,0,0,.7);
			transform-origin: bottom;
			transform: rotateX(90deg);
			transition: all 0.3s ease-in-out 0s;
		}
			section#showcase>a:hover>span {
				display:block;
				transform: rotateX(0);
				transition: all 0.3s ease-in-out 0s;
			}
	section#showcase :last-child {
		text-align:center;
		color:#ffb900;
		cursor:pointer;
	}
		section#showcase :last-child:hover {
			text-decoration:underline;
		}
		
	
	@media only screen and (min-width: 810px) {

		section#showcase {
			grid-template-columns:1fr 1fr;
			grid-template-rows:1fr 1fr 1fr 1fr 0 30px;
			gap:2em;
			padding:2em;
		}
		section#showcase>a {
			aspect-ratio: auto;
		}
		section#showcase :last-child {
			grid-column: span 2;
		}
	}

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

		section#showcase {
			grid-template-columns:1fr 1fr 1fr;
			grid-template-rows:15vh 15vh 15vh 50px;

		}
		section#showcase :last-child {
			grid-column: span 3;
		}
	}

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

		section#showcase {
			grid-template-columns:1fr 1fr 1fr;
			grid-template-rows:1fr 1fr 1fr 50px;

		}
		section#showcase :last-child {
			grid-column: span 3;
		}
	}



@media only screen and (max-width: 810px) {
	aside {
		padding:0 !important;
	}
	article {
		padding:0 !important;
	}
	
	.mobile_article_only aside {display:none;}
	.mobile_aside_only article {display:none;}
	
	.mobile_article_first main {
		display:grid;
	}
		.mobile_article_first main article {
			grid-row:1;
		}
}


@media(min-width: 800px) {
	.no_mobile {
		display:initial;
	}
	
	.pform li label {
		width:300px;
	}
}


@media(min-width: 1000px) {

	main {
		grid-template-rows:1fr;
		grid-template-columns:1fr 1fr;
	}
	
	article {
		padding:0;
	}

	p {
		margin:1rem 3rem;
	}

	ul,
	ol {
		margin:1rem 3rem 1rem 6rem;
	}
	
	a.start_button {
		padding:20px 42px;
	}
	
	.window {
	height:100vh;
	overflow:auto;
	}

	.pform fieldset {
		margin:1rem 2rem;
	}

}