html {scrollbar-width: none;}

body {	float: center;
    	width: 99vw;
	    height: 100vh;
	    position: relative;
	    top:0;
		text-align: center;
	    display:table-cell;
	    align: center;
	    vertical-align:middle;
	    overflow: none;	
	 	 }

#Viewport{width: 50vw;
	    height: 100vh;
		z-index: -100;
		position:absolute;
		top:0;}

input, textarea {
	
	max-width: 80vw;
	width: 400px;
	margin-top: 5px;
	height: 30px;
	border: none;
   background: whitesmoke;
   resize: none;
   padding: 6px;
   -webkit-transition: color 2s, background 2s;
    -moz-transition: color 2s, background 2s;
    transition: color 2s, background 2s;
}

p{line-height: 1.4;}

#subject { height:180px; }

ul.contactFlex li text header {width: 400px;margin-bottom:10px;}

.button{ 
	/*font-family: 'Staatliches', sans-serif !important;*/
    font-size: 15px;
    font-weight: normal;
    height: 35px;
    letter-spacing: 3px;
    background: lightgrey; }

.button:hover {
	  /*background: grey;*/
/*					letter-spacing: 8px;
*/					color: orangered;}

svg {
	width: inherit;
	max-width: inherit;
	height: inherit;
}

#Tagline{opacity: 0;}

ul{
				color: #000;
				list-style: none;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-flow: column wrap;
				flex-flow: column wrap;
				align-content: center;
  				align-items: center; /* NEW */
				justify-content: center;
				-webkit-justify-content: center;
			   -webkit-margin-before: 0;
				-webkit-padding-start: 0;
				-webkit-align-content: center;
 				-webkit-align-items: center; /* NEW */
				margin: 0;
				padding:0;
					-webkit-transition: color 0.25s, opacity 0.25s;
    -moz-transition: color 0.25s, opacity 0.25s;
    transition: color 0.25s, opacity 0.25s;}


.expandLevel1 { 	height: 200vh !important;
					max-height: 200vh !important; }

 ul.IconHolder li.hidden {
						max-height: 0;
						overflow:  hidden;
						width: 675px;
						max-width: 80vw;
						text-align: left;
 }

 span {
  white-space: nowrap;
}

 #Icon {
 	font-family: 'Quicksand', sans-serif !important;
					    /*font-size: 110px;
						text-transform: uppercase;
						letter-spacing: 15px;*/
						height: 60vh;	
						max-width: 80vw;
						max-height: inherit;
						overflow: hidden;
						margin: -75px;
						font-weight: 500;
						-webkit-transition: height 1s, width 1s, margin 1s, max-height 1s;
					    -moz-transition: height 1s, width 1s, margin 1s, max-height 1s;
					    transition: height 1s, width 1s, margin 1s, max-height 1s;
						}

	.shrunk { height: 10vh !important; 
				 margin: -5 !important;}
	
	.expandSplash {
		height: auto;
		max-height: 200vh !important;
		margin-top: 40px;}

		.expandContact {
		height: auto;
		max-height: 80vh !important;
		}


.vimeo-wrapper-active{ opacity: 1 !important;}

.vimeo-wrapper {
   position: fixed;
   opacity:0;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
}
.vimeo-wrapper iframe {
background-color: black;
width:	115vw;
height:	64.6875vw;
min-height:	115vh;
min-width:	204.444444444444vh;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}