#logo
{
	width: 35vw;
	height: 10vw;
	display: inline-block;
	animation-duration: 3s;
	animation-delay: 1s;
}


body{
	margin:0;
	padding:0;
	max-width: 100%;
	overflow-x: hidden;
	background-color: #D9C7C1;
    overflow: hidden;
}


header{
	/*background-image: url("../img/roboticsEnviormentalOne.png");*/
	height: 100vh;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

#bRoll{
    position: fixed;
 	min-width: 100%; 
	min-height: 100%;
	align-content: center;
	overflow-x: hidden;
}

#selectionTabImg{
	position: relative;
	max-width: 20vw;
	max-height: 20vw;	
	margin: 0px 0px 0px 0px;
	bottom: 0.4vw;
}

rectTabOne{
	width: 10vw;
	height: 4vw;
	border-radius: 0.45vw;
}

#selectionTab{
	position: fixed;
	height: 4.25vw;
	width: 20vw;
	right: 96vw;
	top: 5vh;
	background-color: rgba(0, 0, 0, 0.3);
	border: 5px white solid;
	border-radius: 0px 0.5vw 0.5vw 0px;
	z-index: 1000;
}

#selectionTab a{
	text-decoration: none;
}

.nav-text-wrap{
	padding-left: 0.5vw;
}

#selectHomeTab{
	font-family: 'Archivo Black', sans-serif;
	font-size: 4vw;
	text-align: left;
	color: white;
	position: relative;
	left: 1vw;
	bottom: 5.2vw;
	width: 14vw;
	height: 0;
	margin: 0;	
	padding: 0 0 0 0.5vw;
}

#selectHomeTab:hover {
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
}

#selectAboutUsTab{
	font-family: 'Archivo Black', sans-serif;
	font-size: 2vw;
	text-align: left;
	color: white;
	position: relative;
	left: 1vw;
	bottom: 5.2vw;
	height: 2vw;
	width: 14vw;
	margin: 0;	
	padding: 0 0 0.5vw 0.5vw;
}

#selectAboutUsTab:hover {
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
}

#selectTeamMemberTab{
	font-family: 'Archivo Black', sans-serif;
	font-size: 2vw;
	text-align: left;
	color: white;
	position: relative;
	left: 1vw;
	bottom: 5.2vw;
	height: 2vw;
	width: 14vw;
	margin: 0;	
	padding: 0 0 0.5vw 0.5vw;
}

#selectTeamMemberTab:hover {
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
}

#selectSignUpTab{
	font-family: 'Archivo Black', sans-serif;
	font-size: 2vw;
	text-align: left;
	color: white;
	position: relative;
	left: 1vw;
	bottom: 5.2vw;
	height: 2vw;
	width: 14vw;
	margin: 0;	
	padding: 0 0 0.5vw 0.5vw;
}

#selectSignUpTab:hover {
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
}

#selectEventsTab{
	font-family: 'Archivo Black', sans-serif;
	font-size: 2vw;
	text-align: left;
	color: white;
	position: relative;
	left: 1vw;
	bottom: 5.2vw;
	height: 2vw;
	width: 14vw;
	margin: 0;	
	padding: 0 0 0.5vw 0.5vw;
}

#selectEventsTab:hover {
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
}

div.logo {
	width: 100%;
	text-align: center;
	top: 30vh;
	z-index: 2;
	position:absolute;
}

div.titleBox {
	width: 100%;
	position: absolute;
	top: 60vh;
	right: 0vw;
	text-align: center;
}

.titleText {
	position: absolute;
	left: 28vw;
}

#headerSeperator {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20vh;
}

#triOne {
	position: absolute;
	bottom: 0;
    width: 0;
    height: 0;
    border-top: 20vh solid transparent;
    border-left: 80vw solid black;
}

#triTwo {
	position: absolute;
	bottom: 0;
	left: 20vw;
    width: 0;
    height: 0;
    border-bottom: 20vh solid black;
    border-left: 80vw solid transparent;
}

#aboutUs {
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url("../img/roboticsEnviormentalThree.jpg");
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

#cutOutImg {
	position: absolute;
	width: 100%;
	height: 100vh;
	background-image: url("../img/aboutUsCutOut.png");
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
	overflow-x: hidden;
}

#aboutUsTitle
{
	position: relative;
	bottom: -5vh;
	width: 100vw;
	height: 10vh;
}

#teamMember {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #696969;
}

#leftTriangle {
	float: left;
	width: 0;
    height: 0;
    border-top: 10vw solid black;
    border-right: 10vw solid transparent;
	margin: 0px;
}

#rightTriangle {
	float: right;
	width: 0;
    height: 0;
    border-top: 10vw solid black;
    border-left: 10vw solid transparent;
	margin:0px;
}

#crew {
	position: absolute;
	height: 100vh;
	width: 60vw;
	padding: 10vh 0 0 0;
}

.crewtext {
	text-align: right;
	margin: 0;
}

div.clubContactUpdates
{
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: darkgoldenrod;
}


div.content {
	position: absolute;
	width: 100%;
	height: 200vh;
	background-color: aquamarine;
	margin: auto;
	display: inline-block;
}

#contactUs
{
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #708090;
}

.contactUstext{
	text-align: right;
	margin: 0;
}

#ClubInfo{
	position: relative;
	height: 95vh;
	width: 60vw;
	padding: 10vh 0 0 0;
}

#form{
	position:absolute;
	align-content: center;
	left: 65vw;
	bottom: 10vh;
	height: 80vh;
	width: 25vw;
}

#calendarSponsor{
	position: relative;
	height: 100vh;
	background-color: #696969;
}

#sponsorInfo{
	position: relative;
	height: 80vh;
	width: 35vw;
	left: 60vw;
	top: 10vh;
}

#sponsorInfo h4{
	text-align: left;
}

#sponsorInfo h5{
	text-align: left;
}

#calendar{
	position: relative;
	height: 80vh;
	width: 50vw;
	background-color: azure;
	bottom: 70vh;
	left:5vw;
}

div.websiteInfo{
	position: relative;
	height: 10vh;
	background-color: #171717;
}

#footerDiv{
	position: absolute;
	height: 8vh;
	width: 80vw;
	left: 10vw;
}

#footerLogo{
	position: absolute;
	height: 6vh;
	width: 22vh;
	margin: 2vh 0 0 2vh;
}

.footerText{
	position: absolute;
	font-size: 1.5vh;
	right: 0;
}

h1
{
	font-family: 'Iceberg', cursive;
	color: white;
	font-size: 6vw;
	margin: 0;
}

h2
{
	font-family: 'Iceberg', cursive;
	font-size: 20vw;
	margin: 0;
	line-height: 16vh;	
	color: #2c2c2c;
    letter-spacing: .05em;
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
}


h3{
	font-family: 'Anton', sans-serif;
	position: absolute;
	color: white;
	font-size: 3vw;
	text-align: left;
	border: 2px white solid;
}

h4{
	font-family: 'Anton', sans-serif;
	letter-spacing: 10px;
	font-size: 3vh;
	text-align: right;
	margin: 0;
	color: antiquewhite;
}

h4:hover{
	text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
}

h5{	 
	font-family: 'Lato', sans-serif;
	letter-spacing: 5px;
	font-size: 0.75vh;
	text-align: right;
	color: antiquewhite;
	margin: 0;
}

#TwitterWrapper {
	position:absolute;
	left: 65vw;
	bottom: 10vh;
	height: 80vh;
	width: 25vw;
}

.wrapper {
	height: inherit;
	position: relative;
}



@media only screen and (max-width: 1000px)
{		
	#logo
	{
		width: 52.5vw;
		height: 15vw;
		display: inline-block;
	}
	
	#teamMember {
		height: 170vh;
	}
	
	#crew{
		position: relative;
		height: 40vh;
		width: 100vw;
		padding: 5vh 0 5vh 0;
	}
	
	.crewtext{
		text-align: center;
		margin: 0;
	}
	
	#TwitterWrapper {
		position: relative;
		align-content: center;
		left: 15vw;
		height: 90vh;
		width: 70vw;
		top: 20vh;
	}
	
	#form
	{
		position: relative;
		align-content: center;
		left: 0;
		height: 100%;
		width: 100vw;
	}
	
	#ClubInfo
	{
		position: relative;
		height: 40vh;
		width: 100vw;
		padding: 5vh 0 0 0;
	}
	
	#contactUs
	{
		height: 150vh;
	}
	
	.contactUstext
	{
		text-align: center;
		margin: 0;
	}
	
	#calendarSponsor{
		height: 100%;
	}
	
	#sponsorInfo{
		width: 90vw;
		top: 95vh;
		left: 5vw;
	}
	
	#calendar{
		width: 90vw;
	}
	
	#sponsorInfo h4{
		text-align: center;
	}
	
	#sponsorInfo h5{
		text-align: center;
	}
	
	div.websiteInfo{
		height: 20vh;
	}
	
	#footerLogo{
		position: relative;
	}
	
	h1{
		text-align: center;
	}
	
	h4{
		text-align: center;
	}
	
	h5{
		text-align: center;
	}
}



#greyFilter {
	position: absolute;
	bottom: 0vh;
	width: 100vw;
	height: 100vh;
	border: 150vh grey solid;
	opacity: 0.15;
}