@charset 'UTF-8';

html,
html * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-size: 1vw;
	background: white;
	min-width: 950px;
}

a, a:visited {
    color: inherit;
}

header {
	position: absolute;
	padding: 1.5em;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000000;
}

.site-nav .current {
	color: #9b42ff;
}

.site-logo {
	position: relative;
	display: block;
	float: left;
	
}


.logo {
	width: 13em;
	display: block;
	opacity: 1;
	margin-left: 2em;
	filter: invert(1);
}


.site-nav {
	
	position: relative;
	float: right;
	top: 0;
	left: 0;
	display: block !important;
	width: 80%;
	padding: .75em 1em 0 0;
	background: none;
	font-family: 'Bebas Neue', cursive;
}

.site-nav ul {
	list-style-type: none;
	margin: 0;
	text-align: right;
}

.site-nav ul li {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 2em;
}

.site-nav ul li a {
	font-size: 1em;
	padding-bottom: .5em;
	text-decoration: none;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #fff;
	transition: .5s;
}

.site-nav ul li a:hover {
	color: #c694ff;
	transition: .5s;
}

.hero {
	position: relative;
	height: 54vw;
	background-color: #2d3436;
}

.hero video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
	
}

.hero::after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.50);
		
}

.hero img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
	background: rgba(0,0,0,0.50);
}

.heroProj {
	position: relative;
	height: 580px;
	background-color: #2d3436;
}
	
.heroProj video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
	
}

.heroProj::after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
		
}

.heroProj img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
	background: rgba(0,0,0,0.50);
}


.hero-content {
	color: #fff;
	position: absolute;
	z-index: 20000;
	padding-top: 4em;
	top: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

h2 {
	font-weight: 100;
	font-size: 2em;
    line-height: 2.2;
	margin-bottom: -.35em;
	padding-top: 13%;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}

h1 {
	text-transform: uppercase;
	text-shadow: 0px 0px 10px rgba(0, 0, 0,.05);
	letter-spacing: .5em;
	font-size: 6vw;
	font-family: 'Bebas Neue', cursive;
}

h3 {
	font-size: 1.5em;
	font-weight: 100;
	line-height: 2.75;
	letter-spacing: .35em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}

p {
	font-family: 'Roboto', sans-serif;
	
}

.intro {
	position: relative;
	color: #2d3436;
	background: #fff;
	padding: 1em 6em 2em;
}

.intro-text {
	position: relative;
	font-family: 'Roboto', sans-serif;
	
}

.intro p {
	font-family: "Roboto" sans-serif;
	font-size: 2em;
	line-height: 2;
	position: relative;
	z-index: 300;
	text-align: center;
	letter-spacing: .325em;
	text-transform: uppercase;
}

.intro-port p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	line-height: 1.5;
	position: relative;
	z-index: 300;
	text-align: center;
	letter-spacing: 0em;
	text-transform: none;
	padding: 0 150px 0 150px;
}

.intro-port h2 {
	font-size: 4em;
	text-align: center;
	padding: 0;
}

.artworks {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.artwork {
	display: flex;
}

.artworks img {
	width: 100%;
	max-width: 100%;
	height: auto;
	box-shadow: -4px 0px 20px;
	vertical-align: middle;
	-webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}

.artwork .artwork-piece {
  	padding: 8% 0 8% 23.5%;
	background-image:-moz-linear-gradient( 135deg, rgb(75,45,130) 0%, rgb(223,230,233) 100%);
	background-image:-webkit-linear-gradient( 135deg, rgb(75,45,130) 0%, rgb(223,230,233) 100%);
	background-image:-ms-linear-gradient( 135deg, rgb(75,45,130) 0%, rgb(223,230,233) 100%);
  	width: 50%;
}

.artwork-piece figure {
	position: relative;
}

.artwork-piece figure img {
	position: relative;
	z-index: 100;
}

.artwork .artwork-description {
	background: #2d3436;
	color: #fff;
	width: 50%;
	padding: 11.25em 13.5em 11.5em;
}

.artwork-title {
	font-family: 'Bebas Neue', cursive;
	font-size: 3em;
	font-weight: 100;
	padding: 2em 0 0 0;
	letter-spacing: .36em;
	text-transform: uppercase;
	line-height: 1.5;
	max-width: 9em;
	margin-bottom: .5em;
}

.artwork-text {
	font-size: 1.1em;
	line-height: 1.9;
	opacity: .8;
	max-width: 20em;
}

.see-more {
	font-family: 'Bebas Neue', cursive;
	font-size: 1em;
	letter-spacing: .2em;
	display: inline-block;
	margin-top: 4.1em;
	padding: 0 0 .4em 0;
	transition: all .3s;
	text-decoration: none;
}

.see-more:hover {
	border-bottom: 1px solid white;
}

.projects {
	position: relative;
	color: #fff;
	background: #2d3436;
	height: 55vw;
	
}

.projects-title h2{
	text-align: center;
	white-space: pre-wrap;
}

.projects-des p{
	font-family: "Roboto" sans-serif;
	font-size: 2em;
	line-height: 2;
	position: relative;
	z-index: 300;
	text-align: center;
	letter-spacing: .325em;
	text-transform: uppercase;
}

.see-more-dark {
	font-size: 1em;
	display: inline-block;
	margin-top: 4.1em;
	padding: 0 0 .4em 0;
	transition: all .3s;
	text-decoration: none;	
}

.see-more-dark:hover {
	border-bottom: 1px solid black;
}

.blogs {
	display: none;
	
	position: relative;
	color: #2d3436;
	background: #fff;
	padding: 16em 6em 16em;
}

.blog-org {
	list-style: none;
	display: table;
	text-decoration: none;
}

.blog-org li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 2em;
}

.blogs-title {
	font-family: 'Bebas Neue', cursive;
	font-size: 3em;
	font-weight: 100;
	padding: 0 0 0 0;
	letter-spacing: .36em;
	text-transform: uppercase;
	line-height: 1.5;
	max-width: 9em;
	margin-bottom: .5em;
}

.blog-desc {
	font-size: 1.1em;
	line-height: 1.9;
	opacity: .8;
	max-width: 20em;
}

.blog-text {
	width: 90%;
	margin: 0;
	padding: 0;
}

.blog-features ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-features ul li {
	float: right;
}

.blog-features ul li img{
	width: 260px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	text-decoration: none;
	text-align: center;
}

.blog-features ul li div a{
	text-decoration: none;
	font-size: 1.25em;
	line-height: 2.75;
	letter-spacing: .35em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
	transition: 1s;
}

.blog-features ul li div a:hover {
	transition: 1s;
	color: #d63031;
}

.blog-features ul li div {
	text-align: center;
	padding: 40px 0 0 0;
}

footer {
	margin-top: -3.5em;
	padding-top: 8em;
	background-image:-moz-linear-gradient( -45deg, rgb(99,110,114) 0%, rgb(45,52,54) 100%);
	background-image:-webkit-linear-gradient( -45deg, rgb(99,110,114) 0%, rgb(45,52,54) 100%);
	background-image:-ms-linear-gradient( -45deg, rgb(99,110,114) 0%, rgb(45,52,54) 100%);
}

.footer-content {
	width: 64%;
	margin: 0 auto;
	padding-bottom:1.7em;
}

.footer-social {
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.footer-social li {
	display: inline-block;
	margin: 0 1.2em;
}

.footer-social li a {
	line-height: 4em;
	display: inline-block;
	width: 4em;
	height: 4em;
	text-align: center;
	border: 2px solid rgba(255,255,255,.3);
	border-radius: 50%;
}

.footer-social li a:hover {
	border-color: #fff;
	background: #fff;
}

.footer-social li a img {
	width: auto;
	height: 1em;
}

.footer-social li a .social-hover {
	display: none;
}

.footer-social li a:hover .social-default {
	display: none;
}

.footer-social li a:hover .social-hover {
	display: inline;
}

.footer-info {
	clear: both;
	padding-top: 0em;
}

.footer-info p {
	font-size: .8em;
	color:#fff;
	line-height: 1.55;
	max-width: 36em;
	margin-bottom: 1.7em;
}

.footer-credit {
	float: right;
	width: 40%;
	text-align: right;
	position: relative;
}

.footer-legal {
	opacity: .8;
}

.footer-credit a:hover {
	text-decoration: none;
}

.project-main {
	position: relative;
	color: #2d3436;
	background: #C5C5C5;
	height: auto;
	padding: 8em 15em 8em;
	text-align: center;
}

.project-main div h2 {
	margin-bottom: 0em;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 10px;
}

.proj-container {
	width: 100%;
	height: auto;
	align-content: center;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.box {
	width: 270px;
	height: 270px;
	position: relative;
	background-color: rbga(255,102,104,1.00);
	margin: 50px auto;
}

.box img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.box::after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	transition: all 0.5s ease-out;
}

.box:hover::after {
	background-color: rgba(0,0,0,0.70);
}

.con-text {
	position: absolute;
	color: white;
	bottom: 0;
	width: 270px;
	height: 270px;
	padding: 75px 25px;
	display: none;
	text-align: center;
}

.box:hover .con-text {
	display: block;
	z-index: 5000;
	
}

.con-text h2{
	font-weight: 0;
	font-size: 1.5em;
    line-height: 1;
	margin-bottom: 0em;
	padding-bottom: 0;
	letter-spacing: 0em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}

.proj-container_wide {
	width: 100%;
	height: auto;
	align-content: center;
}

.box_wide {
	width: 1000px;
	height: 270px;
	position: relative;
	background-color: rbga(255,102,104,1.00);
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.box_wide img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.box_wide::after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	transition: all 0.5s ease-out;
}

.box_wide:hover::after {
	background-color: rgba(0,0,0,0.70);
}

.con-text_wide {
	position: absolute;
	color: white;
	bottom: 0;
	width: 1000px;
	height: 270px;
	padding: 75px 25px;
	display: none;
	text-align: center;
	align-content: center;
}

.box_wide:hover .con-text_wide {
	display: block;
	z-index: 5000;
	
}

.con-text_wide h2{
	font-weight: 0;
	font-size: 1.5em;
    line-height: 1;
	margin-bottom: 0em;
	padding-bottom: 0;
	letter-spacing: 0em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}


button {
	border: 3px solid #fff;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	background: none;
	cursor: pointer;
	padding: 10px 30px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	position:relative;
	transition: all 0.3s;
}

button:hover,
button:active {
	color: #0e83cd;
	background: #fff;
}


.hero-content-about {
	color: #fff;
	position: absolute;
	z-index: 20000;
	padding-top: 18em;
	padding-left: 10em;
	top: 0;
	bottom: 0;
	width: 100%;
	text-align: left;
}

.about-title {
	letter-spacing: 5px
}


.facts {
	height: auto;
	padding: 200px 100px;
	
}

.ventura {
	height: inherit;
	width: 100%;
	object-fit: fill;
}

.facts-text {
	float: right;
	padding-left: 100px;
	display: inline-block;
	height: 40vw;
	width: 50%;
	position: relative;
}

.facts-title {
	width: 80%;
	font-weight: 0;
	font-size: 3em;
    line-height: 1;
	margin-bottom: 20px;
	padding-top: 0;
	letter-spacing: 0em;
	text-transform: none;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}

.facts-desc {
	font-weight: 0;
	font-size: 1.5em;
    line-height: 2em;
	margin-bottom: 0px;
	padding-top: 0;
	letter-spacing: 0em;
	text-transform: none;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Roboto', sans-serif;
}

.vert-mid-aligner {
	position:absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: 0;
	height: 50%; /*requires explicit height*/
	padding-left: 20px;
}

.facts-img {
	display: inline-block;
	height: 40vw;
	width: 50%;
}

.top {
	height: auto;
	padding: 100px 100px 200px;
	
}

.BM-top {
	height: inherit;
	width: 100%;
	object-fit: cover;
}

.top-text {
	float: right;
	padding-left: 50px;
	display: inline-block;
	height: 40vw;
	width: 50%;
	position: relative;
}

.top-title {
	width: 80%;
	font-weight: 0;
	font-size: 3em;
    line-height: 1;
	margin-bottom: 20px;
	padding-top: 0;
	letter-spacing: 0em;
	text-transform: none;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}

.top-desc {
	font-weight: 0;
	font-size: 1.4em;
    line-height: 1.5em;
	margin-bottom: 0px;
	padding-top: 0;
	letter-spacing: 0em;
	text-transform: none;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Roboto', sans-serif;
}

.top-img {
	display: inline-block;
	height: 400px;
	width: 50%;
	vertical-align: middle;
}


.video {
	display: none;
	height: auto;
	padding: 200px;
	background-color: #2d3436;
}

.video-spacer {
	height: auto;
	width: auto;
}

.divis-left {
	width: 50%;
	float: left;
}

.divis-right {
	display: inline-block;
	width: 50%;
	float: right;
	
}

.video-card {
	background-color: #fff;
	padding: 30px 30px 40px;
	text-align: center;
	margin-top: -20%;
	margin-left: 0%;
}

.doub-divis {
	position:relative;
}

.video-card h3{
	font-size: 1.5em;
	font-weight: 0;
	line-height: 2;
	letter-spacing: .1em;
	text-transform: none;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}


.video_thumbnail {
	position: relative;
	height: auto;
	width: 95%;
}

.video_thumbnail img {
	max-height: 90%;
	width: 100%;
	
}

.play-btn:hover {
	cursor: pointer;
	background: rgba(21,21,21,1.00);
}

.video_thumbnail .play-btn {
    background: rgba(21,21,21,.70);
    display: inline-block;
    padding: 25px;
    position: absolute;
    top: 45%;
    left: 50%;
	
}

.video_thumbnail .play-btn:after {
	content: "";
	display: block;
	position: relative;
	left: 2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent white;
	
}
.resume-direct {
	height: auto;
	padding: 150px 200px 200px 200px;
	background-color: #dfe6e9;
}

.index-page-content {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.res-dir-text {
	text-align: center;
}

.res-dir-text h2{
	font-weight: 0;
	font-size: 2em;
    line-height: 2.2;
	margin-bottom: -.35em;
	padding-top: 0;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}

.res-dir-text p{
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	line-height: 2;
	position: relative;
	z-index: 300;
	text-align: center;
	letter-spacing: .05em;
	text-transform: none;
}

.index-page-content div button{
	
	border: 3px solid #151515;
	color: #151515;
}

.index-page-content div{
	padding-top: 20px;
	text-align: center;
}

.index-page-content div button:hover, div button:active {
	color: #fff;
	background: #9C451E;
	border: 3px solid #9C451E;
}

.download-res {
	z-index: 1000000000;
	
}

.download {
	z-index: 1000000;
	padding-top: 40px;
}

.download-res button{
	
	border: 3px solid #fff;
	color: #fff;
}

.download-res button:hover, button:active{
	color: #2d3436;
	background: #fff;
	border: 3px solid #fff;
}

.hero-blog {
	position: relative;
	height: 20vw;
	background-color: #2d3436;
}

.hero-blog::after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.50);
	
}

.hero-blog img {
	
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
	background: rgba(0,0,0,0.50);
}

.top h1 {
	text-transform: uppercase;
	text-shadow: 0px 0px 10px rgba(0, 0, 0,.05);
	letter-spacing: .1em;
	font-size: 5vw;
	font-family: 'Bebas Neue', cursive;
}

.top h3 {
	font-size: 2em;
	line-height: 1;
	letter-spacing: .35em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
	padding:0 0 50px 0;
}



.top-img img{
	height: inherit;
	width: 100%;
	float: left;
	object-fit: scale-down;
}

.top-img p{
	padding: 20;
	text-align: center;
}

.highlight {
	height: auto;
	padding: 100px 200px 35em 200px; 
	background-color: #dfe6e9;
}

.highlight div{
	height: auto;
	
}

.high-head h2 {
	font-weight: 0;
	text-align: center;
    line-height: 2.2;
	margin-bottom: 0;
	padding: 0;
	padding-top: 0;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}


.highlight-content img{
	height: inherit;
	width: 100%;
	float: left;
	object-fit: contain;
}

.contributions {
	height: auto;
	padding: 100px 200px 150px 200px;
	background-color: #FFFFFF;
}

.cont-title {
	text-align: center;
}


.cont-title h2{
	padding: 0;
}

.cont1 {
	height: 400px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.cont1 div{
	width: 50%;
	float: left;
	height: auto;
}

.cont1 h3{
	
	font-size: 1.5em;
	font-weight: 100;
	line-height: .5;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
	font-family: 'Bebas Neue', cursive;
}

.cont1 p{
	padding-top: 20px;
	line-height: 1.4;

}

.cont1img {
	float: right;
	object-fit:scale-down;
	height: 100%;
	width: 50%;
	
}


.highlight-content {
	height: 800px;
}

.rkt {
	width: 100%;
}

.top-img img{
	object-fit: cover;
	width: 100%;
}
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}


.photo-gallery {
	height: auto;
	padding: 100px 200px 100px 200px; 
	background-color: #dfe6e9;
}

.highlight_large {
	align-content: center; 
	background-color: #dfe6e9;
}

.highlight-content_large {
	display: inline-block;
	width: 100%;
	padding: 50px
}


.highlight-content_large img{
	height: 100%;
	width: 100%;
	float: center;
	object-fit: contain;
}