* {
	box-sizing:content-box;
}
html,body {
	margin:0;
	padding:0;
	height:100vh;
	width:100vw;
	background:#272727;
    font-family: 'Oswald', sans-serif;
}
html {
	scroll-behavior:smooth;
}
body {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}
ul > li {
	list-style:none;
	margin-left:-1em;
}
ul > li > a, ul > li > a:visited {
	color:#eee;
}
.page {
	margin:0;
	padding:0;
	min-height:100vh;
	min-width:100vw;
}
#home {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}
#tocrok-title {
	align-self:stretch;
	background-color:#971201;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	font-family:'Ibarra Real Nova',serif;
	color:#eee;
	padding:2em 4em;
}
#title-line1 {
	padding:0;
	margin:0;
	font-size:36pt;
	letter-spacing:.3rem;
	border-bottom:2px solid #eee;
}
#title-line2 {
	font-size:24pt;
}
#logo {
	align-self:stretch;
	transform:rotate(90deg);
}
#column-banner {
	flex:2;
	align-self:stretch;
	background-image:url(../graphix/landing_main_bg.jpg);
	background-size:cover;
	background-position:center;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:flex-end;
	padding:1em;
	border-bottom:2px solid #ccc;
}
#column-banner > span {
	font-size:36pt;
	color:#ccc;
	padding:.5em 1em;
	filter:drop-shadow(2px 2px 2px #111);
}
#column-nav {
	flex:1;
	align-self:stretch;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-around;
	color:#eee;
}
.nav-box {
	flex:1;
	align-self:stretch;
	margin:1em;
	padding:2em;
	border-radius:1em;
}
.nav-box:hover {
	cursor:pointer;
	background-color:#494949;
}
.nav-box > a {
	color:#eee;
	text-decoration:none;
}
.nav-box > a:visited {
	color:#eee;
}
.nav-top-row {
	font-size:x-large;
	border-bottom:1px solid #ccc;
	display:flex;
	flex-direction:row;
	align-items:baseline;
	justify-content:space-between;
	padding:0 .25em .25em .25em;
}
.nav-bot-row {
	margin-top:.5em;
}

#bio {
	border-top:5px solid #eee;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}
#bio-nav {
	align-self:flex-start;
}
#bio-banner {
	flex:1;
	align-self:stretch;
	background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 19%, rgba(102,102,102,1) 100%);
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:space-between;
	min-height:50vh;
}
#bio-banner > div {
	flex:1;
	align-self:stretch;
}
#bio-header {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:flex-start;
	padding-right:2em;
}
#bio-title {
	font-size:xx-large;
	color:#cf4b02;
	margin-top:5em;
}
#bio-subtitle {
	color:#ccc;
}
#bio-art {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
}
#bio-art > img {
	border:20px solid #eee;
	transform:rotate(-10deg) translateY(-100px);
	filter:drop-shadow(-30px 10px 10px #111);
}
#bio-blurb {
	flex:1;
	align-self:stretch;
	color:#111;
	background-color:#eee;
	padding:5em;
}
#bio-blurb > div {
	max-width:75%;
	margin:0 auto;
	column-count:2;
	column-gap:3em;
	font-size:large;
	letter-spacing:.2rem;
}

#talent {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}
#talent-banner {
	flex:1;
	align-self:stretch;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	background: linear-gradient(90deg, rgba(133,0,6,1) 0%, rgba(133,0,6,1) 33%, rgba(255,102,0,1) 33%, rgba(255,102,0,1) 67%, rgba(153,204,0,1) 67%);
}
#talent-bio {
	flex:1;
	align-self:stretch;
}
#talent-banner-top {
	flex:1;
	align-self:stretch;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-end;
	color:#eee;
	padding:2em 0;
}
#talent-banner-title {
	font-size:xx-large;
	filter:drop-shadow(2px 2px 2px #111);
	padding-left:1em;
}
#talent-banner-subtitle {
	font-size:x-large;
	filter:drop-shadow(2px 2px 2px #111);
	padding:0 1.5em;
}
#talent-banner-bottom {
	flex:1;
	align-self:stretch;
	background: linear-gradient(to bottom, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 19%, rgba(102,102,102,1) 100%);
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}

.talent-banner-left {
	flex:2;
	align-self:stretch;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-end;
	margin:0;
	padding-right:1em;
}
.talent-banner-left > .marker {
	align-self:flex-start;
	align-content:flex-start;
}
.talent-banner-name {
	font-size:xx-large;
	color:#cf4b02;
}
.talent-banner-title {
	color:#ccc;
}
.talent-banner-right {
	flex:1;
	align-self:stretch;
}
.talent-banner-right > img {
	border:20px solid #eee;
	transform:rotate(-5deg) translateX(100px) translateY(40px);
	filter:drop-shadow(-20px 10px 15px #111);
}
#talent-bio {
	column-count:3;
	column-gap:3em;
	background-color:#eee;
	color:#111;
	padding:3em 6em;
	font-size:large;
	letter-spacing:.2rem;
}


.marker {
	height:1em;
	width:25vw;
	background: linear-gradient(90deg, rgba(133,0,6,1) 0%, rgba(133,0,6,1) 33%, rgba(255,102,0,1) 33%, rgba(255,102,0,1) 67%, rgba(153,204,0,1) 67%);
	align-self:flex-start;
}
.two-third {
	flex:2;
}
.one-third {
	flex:1;
}
.top {
	align-self:flex-start;
}
.page-title {
	font-size:xx-large;
	filter:drop-shadow(2px 2px 2px #111);
	padding-left:1em;
}
.page-subtitle {
	font-size:x-large;
	filter:drop-shadow(2px 2px 2px #111);
	padding:0 1.5em;
}


#awards, #demos {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	width:100vw;
}
#awards-top, #demos-top {
	flex:1;
	align-self:stretch;
	background: linear-gradient(90deg, rgba(133,0,6,1) 0%, rgba(133,0,6,1) 33%, rgba(255,102,0,1) 33%, rgba(255,102,0,1) 67%, rgba(153,204,0,1) 67%);
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	color:#eee;
}
#awards-bottom {
	flex:2;
	align-self:stretch;
	column-count:3;
	column-gap:3em;
	padding:1em 3em;
	background-color:#eee;
	overflow-y:auto;
}
#awards-wrapper {
	
}

.award-category {
	font-weight:bold;
	border-bottom:1px solid #111;
	margin:0;
}
.award {
	margin:0;
	font-size:small;
}
.award-spacer {
	margin-top:1em;
}
#demos-bottom {
	flex:2;
	align-self:stretch;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100vw;
	padding:1em 2em;
}
p.demo-title {
	align-self:flex-start;
	margin:0;
	font-size:24pt;
	color:#eee;
}

.gallery {
	width:90%;
	color:#eee;
}

.galleryItem {
}
.slick-dots li button::before {
	color:#eee !important;
}

#contact {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}
#contact-top {
	flex:1;
	align-self:stretch;
	color:#eee;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
}
#contact-top p {
	margin:0;
}
.address, .phone {
	margin:1em;
}
.phone > p > a, .phone > p > a:visited {
	color:#eee;
}
#contact-bottom {
	flex:1;
	align-self:stretch;
	background-color:#eee;
	color:#111;
	font-size:120pt;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

@media (max-width:1000px) {
	body {
		font-size:18pt;
	}
}