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

 
 .masthead{
     position:relative!important;
     width:100%!important;
     min-height:35rem!important;
     background-position:center!important;
     background-repeat:no-repeat!important;
     background-attachment:scroll!important;
     background-size:cover!important;
}
 
.masthead h1{font-size:2.5rem;line-height:2.5rem;letter-spacing:.8rem;background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.34));-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}
}
.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%}
}


/* ANIMATION */
    .card-animate {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .card-animate:hover{
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

/* LABEL */
    .card-animate .labels{
        position:absolute;
        top:1px;
        right:10px;
        z-index:2;
        opacity: 0.7;
    }

    .card-animate .category{
        position:absolute;
        top:1px;
        left:10px;
        z-index:2;
    }