/*!
 * Start Bootstrap - Grayscale v5.0.9 (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: #64a19d;
     border: 1px solid #64a19d;
 }
 
 #mainNav .navbar-toggler:focus {
     outline: 0
 }
 
 #mainNav .navbar-brand {
     color: #161616;
     font-weight: 700;
     padding: .9rem 0
 }
 
 #mainNav .navbar-nav .nav-item:hover {
     color: fade(white, 80%);
     outline: 0;
     background-color: transparent
 }

 @media (max-width:991px) {
	 	#mainNav.fixed-top {
    background-color: #fff;
	  }
	 .projects-section {
     padding: 7rem 0 3rem 0;
 }

}
 @media (min-width:992px) {
     #mainNav {
         padding-top: 0;
         padding-bottom: 0;
         border-bottom: none;
         background-color: transparent;
         transition: background-color .3s ease-in-out
     }
     #mainNav .navbar-brand {
         padding: .5rem 0;
         color: rgba(255, 255, 255, .75)
     }
     #mainNav .nav-link {
         transition: none;
         padding: 2rem 1.5rem;
         color: rgba(255, 255, 255, .75)
     }
     #mainNav .nav-link:hover {
         color: rgba(255, 255, 255, .95)
     }
     #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
     }
 }

#projects, #about, #signup {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
 .masthead {
     position: relative;
     width: 100%;
     height: auto;
     min-height: 24rem;
     padding: 20rem 0;
     background: linear-gradient(to bottom, rgba(22, 22, 22, .2) 0, rgba(22, 22, 22, .5) 75%, #161616 100%), url(../img/bg-masthead.jpg);
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-size: cover;
 }
 
 .masthead h1 {
     /* font-family: 'Varela Round'; */
     font-family: Arial, Helvetica, sans-serif;     
     font-size: 2.5rem;
     line-height: 2.5rem;
     letter-spacing: .2rem;
     background: -webkit-linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0.4));
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
 }
 
 .masthead h2 {
     max-width: 25rem;
     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: 4rem;
         line-height: 4.5rem;
         letter-spacing: .2rem;
     }
     .masthead h2 {
         max-width: 30rem;
         font-size: 1.25rem
     }
 }
 
 .btn {
     box-shadow: 0 .1875rem .1875rem 0 rgba(0, 0, 0, .1)!important;
     padding: 1.25rem 2rem;
     /* font-family: 'Varela Round'; */
     font-family: Arial, Helvetica, sans-serif;
     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 {
     padding-top: 15rem;
     background: linear-gradient(to bottom, #161616 0, rgba(22, 22, 22, .9) 100%, rgba(22, 22, 22, .9) 100%)
 }
 
 .about-section p {
     margin-bottom: 5rem
 }



.about-section,  .projects-section, .contact-section  {
     padding: 5rem 0;
	 min-height:  calc(100vh - 70px);;
 }

 
 .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/bg-signup.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-family: Arial, Helvetica, sans-serif;
     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 #64a19d
 }
 
 .contact-section .card h4 {
     font-size: .8rem;
     /* font-family: 'Varela Round'; */
     font-family: Arial, Helvetica, sans-serif;
     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: Arial, Helvetica, sans-serif;
     /* 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
 }


ul {
  text-align: center;
  list-style: inside;
  margin-left: 0 !important;
	padding-left: 0 !important;
}