/*!
 * Start Bootstrap - Grayscale v5.0.6 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 *//#mainNav{min-height:56px;background-color:#fff}
#mainNav .navbar-toggler{font-size:80%;padding:.75rem;color:#d1c0ac;border:1px solid #d1c0ac}#mainNav .navbar-toggler:focus{outline:0}

#mainNav .navbar-brand{
	color:#161616;
	font-family: "Montserrat Medium";
	font-weight:500;
	padding:.2rem 0}

#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}

@media (min-width:992px){#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}#mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}#mainNav .nav-link{-webkit-transition:none;transition:none;padding:2rem 1.5rem;color:rgba(255,255,255,.5)}#mainNav .nav-link:hover{color:rgba(255,255,255,.75)}#mainNav .nav-link:active{color:#fff}#mainNav.navbar-shrink{background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#161616}#mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}#mainNav.navbar-shrink .nav-link:hover{color:#d1c0ac}#mainNav.navbar-shrink .nav-link:active{color:#467370}#mainNav.navbar-shrink .nav-link.active{color:#d1c0ac;outline:0;border-bottom:.25rem solid #161616}}

.container.d-flex {
	width: 100%;
}

.masthead{
	position:relative;width:100%;
	height:auto;
	min-height:35rem;
	padding:15rem 0;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.3)),color-stop(75%,rgba(22,22,22,.7)),to(#161616)),url(../img/bg-masthead.jpg);
	background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url(../img/splash.png);
	background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}


.masthead h1{
	font-family: "Montserrat Medium";
	font-size:2.5rem;
	line-height:2.5rem;
	letter-spacing:.8rem;
	background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));-webkit-text-fill-color:transparent;-webkit-background-clip:text}



.masthead h2{max-width:20rem;font-size:1rem}

.masthead2{
	position:relative;width:100%;height:300px;min-height:15rem;padding:5rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.3)),color-stop(75%,rgba(22,22,22,.7)),to(#161616)),url(../img/bg-masthead.jpg);background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url(../img/splash.png);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}


.banner{
	background-color: #d1c0ac;
	align-items: center;
	width:1400px;
  	height:200px;
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	font-family: Mast;
	position: relative;
}

.banner p {
	
	font-size: 12.5rem;
	color: gainsboro;
	animation-name: zoom-in;
	animation-duration: 5s;
	opacity: .7;
	
	
	

	
}

@media (min-width:768px)
{.masthead h1{font-size:4rem;line-height:4rem}}
@media (min-width:992px){.masthead{height:100vh;padding:0}
	.masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}
	.masthead h2{max-width:30rem;font-size:1.25rem}}

.butcent{
	
	margin-left: 50%;
	margin-left: 50%;
}

h3 a{
	width: 100%;
	align-content: center;
	background-color: black;
	color: white;
	padding: 9px 9px 9px 9px;
}

.banner h4 {
	font-size: 4.0rem;
	font-family: "Montserrat Medium";
	color: white;
}


.box {
	text-align: center;
	position: absolute;
	z-index: 2;
	opacity: 50%;
	background-color: transparent;
	top:;
	right: 0;
	left:0;
	bottom: ;
}

.box2 {
	text-align: center;
	position: absolute;
	z-index: 3;
	opacity: 50%;
	background-color: transparent;
	top:;
	right: 0;
	left:0;
	bottom: ;
	width:100%;
	
}
.box3 {
	text-align: center;
	position: absolute;
	z-index: 2;
	opacity: 50%;
	background-color: black;
	top:;
	right: 0;
	left:0;
	margin-bottom: 300px;
}

.box4 {
	text-align: center;
	position: absolute;
	z-index: 3;
	opacity: 50%;
	background-color: blue;
	top:;
	right: 0;
	left:0;
	bottom: ;
	width:100%;
	
}

p1 {
  writing-mode: vertical-rl;
 
	font-size: 15rem;
	position: ;
	aline text-align: right;
	color: grey;
	opacity: 0.2;
	letter-spacing: 2rem;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1;
  
	
}


.btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	padding:1.25rem 2rem;
	font-family:'Varela Round';
	font-size:80%;
	text-transform:uppercase;
	letter-spacing:.15rem;
	border:0;
	margin-right: 50%;
	margin-left: 50%;
}
	
.btn-primary{background-color:#161616}
.btn-primary:hover{background-color:#393838}
.btn-primary:focus{background-color:#010101;color:#fff}
.btn-primary:active{background-color:#161616!important}
.about-section{padding-top:10rem;background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));
	background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%)}



.about-section p{margin-bottom:5rem}
.projects-section{
	background-color: white;
	padding:10rem 0}
.projects-section .featured-text{padding:2rem}
.projects-section.project-text{
		
		padding-bottom: 20rem;
		word-spacing: .8rem;
}

.projects-section .project-text ul li
{
	font-size: 1.2rem;
	word-spacing: normal;
}

.projects-section .project-text h3{
	text-align: center;
	font-family: "Montserrat Medium";
	font-size: 1.5rem
	}


.signup-section{padding:10rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-signup.jpg);background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/splash.png);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.signup-section .form-inline input{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	padding:1.25rem 2rem;height:auto;font-family:'Varela Round';font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}.contact-section{padding:5rem 0 0}.contact-section .card{border:0;border-bottom:.25rem solid #161616}
.contact-section .card h4{font-size:.8rem;font-family:'Varela Round';text-transform:uppercase;letter-spacing:.15rem}
.contact-section .card hr{border-color:transparent;border-width:.25rem;width:3rem}
.contact-section .social{margin-top:5rem}
.contact-section .social a{
	text-align:center;
	height:3rem;width:3rem;
	background:rgba(255,255,255,.1);
	border-radius:100%;
	line-height:3rem;
	color:rgba(255,255,255,.3)}
.contact-section .social a:hover{color:rgba(255,255,255,.5)}
.contact-section .social a:active{color:#fff}

body{font-family:Nunito;letter-spacing:.0625em}
a{color:#d1c0ac}

a:focus,a:hover{text-decoration:none;color:#212020}

.bg-black{background-color:#green!important}
.bg-primary{background-color:#yellow!important}
.text-primary{color:#blue!important}
footer{padding:5rem 0}


@font-face {
	
	font-family: metroslight;
	src: url(../fonts/Montserrat-Light.ttf);
	font-style: normal;
	font-weight: 100;
}

@font-face {
	
	font-family: "Montserrat Medium";
	src: url(../fonts/Montserrat/Montserrat-Medium.ttf);
	font-style: normal;
	font-weight: 100 ;
}

	
	
@font-face {
	
	font-family: 'Fraunces VariableFont SOFT',WONK,opsz,wght;
	src: url(../fonts/Fraunces/Fraunces-VariableFont_SOFT,WONK,opsz,wght.ttf);
	font-style: normal;
	font-weight: 100 ;
}


@font-face {
	
	font-family: sol;
	src: url(../fonts/SolustionDemo-1Gz24.ttf);
	font-style: normal;
	font-weight: 100;
}
	
@font-face {
	
	font-family: metros;
	src: url(../fonts/Montserrat-Thin.ttf);
	font-style: bold;
	font-weight: 800;
}
		
@font-face {
	
	font-family: metroslight;
	src: url(../fonts/Montserrat-Light.ttf);
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: metro;
	src: url(../fonts/MetropolisPersonalUseRegular-nR5LY.ttf);
	font-style: normal;
	font-weight: 100;
}

@font-face {
	
	font-family: great;
	src: url(../fonts/GreatVibes-Regular.ttf);
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: Standlist2;
	src: url(../fonts/Standlist2.ttf);
	font-style: normal;
	font-weight: 100;
}


@keyframes zoom-in {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(2, 2);
}}

@keyframes textzoom {
	
0%{
font-size: 10px
}
100%
{
font-size: 50px;
}
}

	.right p {
		
		text-align: left;
		color: black;
	}
	
	.right li {
	
	list-style-type: circle;
		color: black;
	
		}

		ul {
	
	
	font-family:"Montserrat Medium";
			color: black;

			
	
	}
.containerf{
	width: 100%;
	height: 100%;
	background-color: #161616;
	
	
}


.pabout{
	font-family: "Fraunces VariableFont SOFT",WONK,opsz,wght;
	font-size: 1.2rem;
	color: white;
	 margin-top: .01 ;
  margin-bottom: .1em ;
	line-height: 1.2em;
}

.event{
	
		width: 100%;
	align-content: bottom;
	background-color: black;
	color: white;
	padding: 9px 9px 9px 9px;
	z-index: 4;
	
	margin-left: -200px;
	margin-bottom: -1000px;
	
	
}

.box5 {
	
	background-color: transparent;
	width: 100%;
	z-index: 4;
	margin-left: -550px;
	margin-top: -190px;
	color: white;
	position: absolute;
}

.events {
	width: 100%;
	position: relative;
	text-align: center;
	
}
.events p {
	width: 100%;
	font-family: "Montserrat Medium";
	font-size: 1.4rem;
	color: black;
	position: absolute;
	padding-left: 1px;
	
	
}

.events h3 {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 75px;
	height: 140px;
	background-color: black;
	font-size: 3rem;
	letter-spacing: 1.5rem;
}

.icons {
	width: 100%;
	height: 100px;
	
	
	align-content: center;
	justify-content: center;
}

ul li {
	
	word-spacing: .2em;
}





.icons {
	width: 100%;
	height: 100px;
	
	
	align-content: center;
	justify-content: center;
}

ul li {
	
	word-spacing: .2em;
}



	h4{
		font-size: 4rem;
		text-align: center;
		
		
	}

@media screen and (min-width : 801px ) and ( max-width : 1200px )
{

	.banner h4 {
		
		font-size: 3.6rem;
	}
	.banner p {
		
		font-size: 10rem;
	}
	  .masthead h1 {
		font-size: 4.5rem;
		  line-height: 3.5rem;
		  letter-spacing: 0.6rem;
	}
	  
	  	
	.signup-section h2 {
		font-size: 1.9rem;
	}
	
		.box5 {
		
		margin-left:  0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: -600px;;
  }
	.events h3 {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 70px;
	height: 140px;
	background-color: black;
	font-size: 1rem;
	letter-spacing: 0.5rem;
}
		
}




@media screen and (min-width : 551px ) and ( max-width : 800px )
{

	.banner h4 {
		
		font-size: 2.6rem;
	}
	.banner p {
		
		font-size: 10rem;
	}
	  .masthead h1 {
		font-size: 3.5rem;
		  letter-spacing: 0.6rem;
	}
	  
	  	
	.signup-section h2 {
		font-size: 1.9rem;
	}
	
		.box5 {
		
		margin-left:  -45px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: -600px;;
  }
		
}


@media (min-width:992px){.projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #64a19d}}

.projects-section .project-text{padding:3rem;font-size:90%}

@media (min-width:992px){
	.projects-section .project-text{padding:5rem}
	.projects-section .project-text hr{border-color:#64a19d;border-width:.25rem;width:30%}}

@media screen and (min-width : 320px ) and ( max-width : 550px )
{

	.banner h4 {
		
		font-size: 2.4rem;
	}
	.banner p {
		
		font-size: 9rem;
	}
	  .masthead h1 {
		font-size: 1.1rem;
		  letter-spacing: 0.4rem;
	}
	  
	  	
	.signup-section h2 {
		font-size: 0.9rem;
	}
	
		.box5 {
		
		margin-left:  0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: -600px;;
  }
	
		.events h3 {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 0px;
	height: 140px;
	background-color: black;
	font-size: 1rem;
	letter-spacing: 0.5rem;
}
	
	
	
	
	.events p {
	width: 50%;
	font-family: "Montserrat Medium";
	font-size: 1.0rem;
	color: black;
	position: absolute;
	padding-left: 1px;
	
	
}
	
	.event{
	
		width: 50%;
	align-content: bottom;
	background-color: black;
	color: white;
	padding: 0px 0px 0px 0px;
	z-index: 4;
	
	margin-left: 0px;
	margin-bottom: 0px;
	
	
}
		
}