/*!
 * 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: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:#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:35rem;
             padding:15rem 0;
             background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url(../img/kyle1\ \(4\).jpg);
             background-position:center;
             background-repeat:no-repeat;
             background-attachment:scroll;
             background-size:contain;
             background-color: black;
            }
             .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: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}}
                                        .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{padding-top:10rem;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: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:25rem 0;background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/kyleblw\ \(2\).jpg);
                                                        background-position:center;
                                                        background-repeat:no-repeat;
                                                        background-attachment:scroll;
                                                        background-size:cover;
                                                        background-color: black;
                                                    }
                                                    .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}