/*RESET*/

	*, *:before, *:after {
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		text-decoration: none;
		outline: none;
		color: inherit;
	}

	.full {
		width: 100%;
	}
	
	.center {
		width: 65%;
		margin: 0 auto;
	}
	
	.clear {
		clear: both;
	}

	i.fa {
		font-size: 200px;
		color: #1f1d51;
	}

	.button {
		font-family: 'Myriad Pro', sans-serif;
		font-size: 18px;
		padding: 10px 20px;
		color: #1f1d51 !important;
		background: white;
		display: inline-block;
		border-radius: 5px;
		margin: 10px auto 0;
		font-weight: bold;
	}

/*E-MAIL TAB*/

	#email {
		position: fixed;
		top: calc(50% - 65px);
		right: 0px;
		padding: 15px;
		background: #1f1d51;
		z-index: 500;
		text-align: center;
	}
	
	#email img {
		width: 50px;
	}

/*HEADER*/

	header {	
		background: url(../images/backgrounds/rise-up-6-background.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		position: relative;
		height: 100vh;
		min-height: 750px;
	}
	
	/*HEADER - LOGO*/
	
		#header-logo {
			position: absolute;
			top: 40%;
			left: 50%;
			transform: translate(-50%,-40%);
			width: 65%;
			text-align: center;
		}
		
		#header-logo img {
			max-width: 100%;
		}
		
		#header-logo p {
			margin-top: 25px;
			font-family: "Cardo", sans-serif;
			font-size: 14pt;
			color: white;
		}

	/*HEADER - BOTTOM*/
	
		#header-bottom {
			position: absolute;
			left: 0;
			bottom: 0;
			background: rgba(31,29,81,0.75);
			padding-top: 30px;
			padding-bottom: 20px;
			text-align: center;
		}
		
		#header-bottom h1 {
			font-family: "Myriad Pro", sans-serif;
			font-size: 21pt;
			color: white;
			text-transform: uppercase;
		}
		
		#header-bottom p {
			font-family: "Myriad Pro", sans-serif;
			font-size: 16pt;
			font-weight: normal;
			color: white;
			text-transform: uppercase;
		}

/*THE EVENT*/

	#event {
		background: white;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	#event .center hr {
		width: 100%;
		height: 1px;
		border: 1px solid #1f1d51;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	#event h1 {
		font-family: "Myriad Pro", sans-serif;
		font-size: 32pt;
		color: #2f2f2f;
		text-transform: uppercase;
		text-align: center;
	}
	
	.event-category {
		margin-top: 50px;
		width: 33.3333%;
		float: left;
	}
	
	.event-subcategory {
		width: 95%;
		margin: 0 auto;
		text-align: center;
	}
	
	.event-subcategory .icon {
		position: relative;
		width: 100px;
		height: 100px;
		border-radius: 75px;
		background: #1f1d51;
		margin: 0 auto;
	}
	
	.event-subcategory .icon img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 75px;
		height: 75px;
	}
	
	.event-subcategory h2 {
		font-family: "Myriad Pro", sans-serif;
		font-size: 18pt;
		text-transform: uppercase;
		padding-bottom: 10px;
		border-bottom: 3px solid #1f1d51;
		width: 60%;
		text-align: center;
		margin: 0 auto;
		margin-top: 25px;
	}
	
	.event-subcategory p {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 25px;
		font-family: "Cardo", serif;
		font-size: 12pt;
	}
	
	#event p {
		margin-top: 25px;
		text-align: center;
		font-family: "Cardo", serif;
		font-size: 12pt;
	}
	
	#event p.big {
		font-size: 16pt;
	}
	
	.event-communityholder {
		margin-top: 25px;
		width: 20%;
		float: left;
		text-align: center;
	}
	
	.event-communityholder img {
		width: 100px;
	}
	
	.event-communityholder p {
		margin-top: 0px !important;
		font-family: "Myriad Pro", sans-serif !important;
		font-size: 12pt !important;
		text-transform: uppercase !important;
	}
	
	#event .pdf {
		width: 100px;
		margin-bottom: 25px;
	}
	
	.fade {
		opacity: 0.5;
	}

/*ALL WELCOME*/

	#welcome {
		padding-top: 100px;
		padding-bottom: 100px;
		background: url(../images/backgrounds/rise-up-6-background-2.jpg) no-repeat center;
		background-size: cover;
		background-attachment: fixed;
	}
	
	#welcome h1 {
		font-family: "Myriad Pro", sans-serif;
		font-size: 72pt;
		color: white;
		text-transform: uppercase;
		text-align: center;
		padding-bottom: 25px;
		margin-bottom: 50px;
		border-bottom: 5px solid white;
	}
	
	#welcome p {
		font-family: "Cardo", serif;
		font-size: 24pt;
		color: white;
		text-align: center;
	}

/*FOOTER*/

	footer {
		padding: 50px;
		background: white;
	}
	
	#footer-left {
		width: calc(55% - 50px);
		height: 400px;
		float: left;
		margin-right: 50px;
	}

	#footer-left .overlay {
	   background:transparent; 
	   position:relative; 
	   width:100%;
	   height:400px; /* your iframe height */
	   top:400px;  /* your iframe height */
	   margin-top:-400px;  /* your iframe height */
	}
	
	#footer-right {
		position: relative;
		padding: 15px;
		text-align: left;
		width: 45%;
		height: 400px;
		float: left;
		border: 1px solid #1f1d51;
	}
	
	#footer-right .holder {
		padding-right: 15px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	#footer-right .holder h1 {
		font-family: "Myriad Pro", sans-serif;
		font-size: 22pt;
		text-transform: uppercase;
		color: #1f1d51;
	}
	
	#footer-right .holder h2 {
		font-family: "Myriad Pro", sans-serif;
		font-size: 52pt;
		text-transform: uppercase;
		color: #2f2f2f;
	}
	
	#footer-right .holder h3 {
		font-family: "Cardo", sans-serif;
		font-size:  18pt;
		color: #2f2f2f;
	}

	#footer-right .holder h4 {
		font-family: "Cardo", sans-serif;
		font-size:  18pt;
		color: #2f2f2f;
	}

/*BEARD*/

	#beard {
		padding-bottom: 50px;
		text-align: center;
	}
	
	#beard img {
		width: 50px;
		transition: .25s ease all;
		border: 1px solid white;
		border-radius: 55px;
	}
	
	#beard img:hover {
		padding: 5px;
		border: 1px solid #2f2f2f;
		border-radius: 55px;
		transition: .25s ease all;
	}

/*MEDIA QUERIES*/

	@media (max-width: 1200px) {
		
		.center {
			width: 75%;
		}
		
		#header-logo {
			width: 75%;
		}
		
	}
	
	@media (max-width: 1000px) {
		
		header {
			background: url(../images/backgrounds/rise-up-6-background.jpg) no-repeat center;
			background-size: cover;
			height: auto;
			padding: 300px 0;
		}
		#welcome {
			background: url(../images/backgrounds/rise-up-6-background-2.jpg) no-repeat center;
			background-size: cover;
		}
		.center {
			width: 85%;
		}
		
		#header-logo {
			width: 85%;
		}

		#email {
			top: 0px;
			opacity: .5;
			transition: .25s ease all;
		}
		
		#email:hover {
			opacity: 1;
			transition: .25s ease all;
		}
		
	}
	
	@media (max-width: 850px) {
		
		.center {
			width: 95%;
		}
		
		#header-logo {
			width: 95%;
		}

		#header-bottom h1 {
			font-family: "Myriad Pro", sans-serif;
			font-size: 12pt;
			color: white;
			text-transform: uppercase;
			line-height: 10pt;
		}

		.event-category {
			width: 100%;
			float: none;
		}
		
		.event-communityholder {
			width: 100%;
		}

		#welcome h1 {
			font-size: 32pt;
		}
		
		#welcome p {
			font-size: 14pt;
		}
		
		footer {
			padding: 0px;
		}
		
		#footer-left {
			width: 100%;
			height: auto;
			float: none;
		}
		
		#footer-right {
			width: 100%;
			height: auto;
			float: none;
			border: none;
			padding-top: 50px;
			padding-bottom: 50px;
			text-align: center;
		}
		
		#footer-right .holder {
			position: relative;
			top: 0px;
			transform: none;
		}

		#footer-right .holder h1 {
			font-size: 18pt;
		}
		
		#footer-right .holder h2 {
			font-size: 36pt;
		}
		
		#footer-right .holder h3 {
			font-size:  14pt;
		}
	
		#footer-right .holder h4 {
			font-size:  14pt;
		}
		
		#beard {
			padding-top: 50px;
		}
		
	}