/*!
 * Start Bootstrap - Grayscale v5.0.1 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
#mainNav
{
	min-height:px;
	background-color:#fff
}
	
#mainNav .navbar-toggler
{
	font-size:80%;
	padding:.5rem;
	color:#64a19d;
	border:1px solid #64a19d
}
		
#mainNav .navbar-toggler:focus
{
	outline:0
}
	
#mainNav .navbar-brand
{
	color:#161616;
	font-weight:700;
	padding:.5rem 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:#3771AE;
		transition:background-color .3s ease-in-out
	}
		
	#mainNav .navbar-brand
	{
		padding:.5rem 0;
		color:rgba(255,255,255,.8)
	}
		
	#mainNav .nav-link
	{
		transition:none;
		padding:0.5rem 1.5rem;
		color:rgba(255,255,255,.8)
	}
		
	#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:#64a19d
	}
		
	#mainNav.navbar-shrink .nav-link:active
	{
		color:#467370
	}
		
	#mainNav.navbar-shrink .nav-link.active
	{
		color:#64a19d;
		outline:0;
		border-bottom:.25rem solid #64a19d
	}
}

.masthead {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 40rem;
    padding: 8rem 0;
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/federico-respini-314377-unsplash.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

.mastheadconversion {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 8rem 0;
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/federico-respini-314377-unsplash.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

.mastheadcompliance {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 8rem 0;
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/cattle4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

.mastheadexchange {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 0;
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/benjamin-davies-260884-unsplash.jpg);
    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(255,255,255,.9),rgba(255,255,255,0));
	-webkit-text-fill-color:white;
	-webkit-background-clip:text
}
	
.masthead h2
{
	max-width:20rem;
	font-size:1.25rem
}

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


@media (min-width:768px)
{
	.masthead h1
	{
        padding-top:5rem;
		font-size:3rem;
		line-height:4rem
	}
}
	
@media (min-width:992px)
{
	.masthead
	{
		height:100vh;
		padding:0
	}

    .masthead h1 {
        padding-top: 5rem;
        font-size: 4rem;
        line-height: 6.5rem;
        letter-spacing: .8rem
    }
		
	.masthead h2
	{
		max-width:40rem;
		font-size:1.25rem
	}

    .masthead p {
        max-width: 40rem;
        font-size: 1rem
    }
}
	
.btn
{
	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
}
	
.btn-primary
{
	background-color:#64a19d
}
	
.btn-primary:hover
{
	background-color:#4f837f
}
	
.btn-primary:focus
{
	background-color:#4f837f;
	color:#fff
}
	
.btn-primary:active
{
	background-color:#467370!important
}
	
.about-section
{
	background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.4) 50%,rgba(22,22,22,.3) 100%);
    border-radius:10px;
}
	
.about-section p
{
	margin-bottom:5rem
}
	
.projects-section
{
	padding:10rem 0
}
	
.projects-section .featured-text
{
	padding:2rem
}
	
@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%
	}
}

.signup-section {
    padding: 10rem 0;
    background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/meric-tuna-186605-unsplash.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}
	
.signup-section .form-inline input
{
	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:20rem 0 0
}
	
.contact-section .card
{
    border:0;
	border-bottom:.25rem solid #64a19d
}
	
.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,.5)
}
	
.contact-section .social a:active
{
	color:#fff
}
	
body
{
	font-family:Nunito;
	letter-spacing:.0625em
}
	
a
{
	color:#64a19d
}
	
a:focus,a:hover
{
	text-decoration:none;
	color:#3c6360
}
	
.bg-black
{
	background-color:#161616!important
}
	
.bg-primary
{
	background-color:#64a19d!important
}
	
.text-primary
{
	color:#64a19d!important
}
	
footer
{
	padding:5rem 0
}