/*!
 * Start Bootstrap - Grayscale v5.0.8 (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: 0px;
	background-color: rgba(255,255,255,0.39)
}
#mainNav .navbar-toggler{
	font-size: 80%;
	padding: .75rem;
	color: #888888;
	border: 1px solid #888888
}
#mainNav .navbar-toggler:focus{outline:0}
#mainNav .navbar-brand{
	color: #161616;
	font-weight: 700;
	padding-top: 0rem;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0rem
}
#mainNav .navbar-nav .nav-item:hover{color:fade(white,70%);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{
	border-bottom: none;
	background-color: transparent;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -120px;
}
	
	#mainNav .navbar-brand{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: rgba(255,255,255,.5)
}
	#mainNav .nav-link{
	-webkit-transition: none;
	transition: none;
	padding-top: 0rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	padding-bottom: 0rem;
	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: rgba(255,255,255,0.47)
}
	#mainNav.navbar-shrink .navbar-brand{
	color: #161616
}
	#mainNav.navbar-shrink .nav-link{
	color: #161616;
	padding-top: 0rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: .25rem solid transparent
}
	#mainNav.navbar-shrink .nav-link:hover{
	color: #38FFF1
}
	#mainNav.navbar-shrink .nav-link:active{
	color: #38FFF1
}
	#mainNav.navbar-shrink .nav-link.active{
	color: #38FFF1;
	outline: 0;
	border-bottom: .25rem solid #38FFF1
}}
	.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));
		background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%);
		background-position:center;
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-size:cover}

	.masthead h1{
		font-family:'Varela Round';
		font-size:2.5rem;
		line-height:2.5rem;
		letter-spacing:.8rem;
        background:-webkit-linear-gradient(rgba(20, 19, 19, 0),rgba(20, 19, 19, 0));
		-webkit-text-fill-color:transparent;-webkit-background-clip:text}

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

@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;
	text-align: center;
}}

	.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-top: 1rem;
	padding-right: 2rem;
	padding-left: 2rem;
	padding-bottom: 1rem;
	font-family: 'Varela Round';
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: .15rem;
	border: 0;
	margin-bottom: 10px;
	margin-top: 15px;
}

	.btn-primary{background-color:dimgray;opacity: 0.8;}
	.btn-primary:hover{background-color:gray;opacity: 0.8;}
	.btn-primary:focus{background-color:dimgray;color:#fff}
	.btn-primary:active{background-color:gray!important}

	.about-section{
	padding-top: 5em;
	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%);
	padding-bottom: 12px;
}

	.about-section p{
	margin-bottom: 0rem
}
	.projects-section{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 17rem;
	padding-top: 46px;
}
	.projects-section .featured-text{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px
}

	@media (min-width:992px){
		.projects-section .featured-text{
	padding-right: 0;
	border-left: 2rem solid rgba(0, 98, 255, 0.47);
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 20px;
}}

.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%}}

.signup-section{
	padding-top: 0rem;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10rem;
    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/IMG_7410.JPG);
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/IMG_7410.JPG);
	background-position: center 30%;
	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-top: 5rem;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 34px
}
.contact-section .card{border:0;border-bottom:.25rem solid #f8f8f8}
.contact-section .card h4{
	font-size:.8rem;
	font-family:'Varela Round';
	text-transform:uppercase;
	letter-spacing:.15rem}

.contact-section .card hr{
	border-color:#64a19d;
	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,.3)}

.contact-section .social a:active{color:#030303}

body{
	font-family:Nunito;letter-spacing:.0625em}

a{
	color: #64a19d;
	padding-bottom: 0px;
}
a:focus,a:hover{
	text-decoration: none;
	color: #3CFAEC
}
.bg-black{background-color:#161616!important}
.bg-primary{background-color:#64a19d!important}
.text-primary{color:#64a19d!important}

footer{padding:5rem 0}