/*!
 * 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
}

#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;
    transition:background-color .3s ease-in-out
  }

  #mainNav .navbar-brand {
    padding:.5rem 0;
    color:rgba(255,255,255,.5)
  }

  #mainNav .nav-link {
    transition:none;
    padding:2rem 1.5rem;
    color:blue;
  }

  #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 #1c50a6
  }
}

.masthead {
  position:relative;
  width:100%;
  height:auto;
  min-height:35rem;
  padding:15rem 0;
  background:url(../img/whitebg.png);
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-size:cover
}

.masthead h1{
  font-family:'Varela Round';
  font-size:1.5rem;
  font-weight: 100;
  line-height:2.5rem;
  letter-spacing:.2rem;
  color: #184da5;
  /*background:-webkit-linear-gradient(#007bff,#004085));
  -webkit-text-fill-color:transparent;
  -webkit-background-clip:text*/
}

.container .appname {
  font-size: 1.5rem;
  font-weight: 500;
  color: #184da5;
}

.container a span {
  font-weight: 750;
  color: #184da5;
}

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

@media (min-width:760px) {
  .masthead h1 {
    font-size:3.5rem;
    line-height:4rem
  }
}

@media (min-width:992px) {
  .masthead{
    height:100vh;
    padding:0
  }

  .masthead h1 {
    font-size:4.5rem;
    line-height:6.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-size:80%;
  text-transform:uppercase;
  letter-spacing:.15rem;
  border:0
}

.btn-primary {
  background-color:#184da5;
  border-radius: 0.75rem;
}

.btn-primary:hover{
  background-color:#113e87
}

.btn-primary:focus {
  background-color:#113e87;
  color:#fff
}

.btn-primary:active {
  background-color:#113e87!important
}

.about-section {
  padding-top:4rem;
  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 {
  padding:4rem 0
}

.projects-section .featured-text {
  padding:2rem
}

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

  .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-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';
  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
}