@font-face {
    font-family: 'Silver South Script';
    src: url('fonts/SilverSouthScript.eot');
    src: url('fonts/SilverSouthScript.eot?#iefix') format('embedded-opentype'),
        url('fonts/SilverSouthScript.woff2') format('woff2'),
        url('fonts/SilverSouthScript.woff') format('woff'),
        url('fonts/SilverSouthScript.ttf') format('truetype'),
        url('fonts/SilverSouthScript.svg#SilverSouthScript') format('svg');
    font-weight: normal;
    font-style: normal;
}


 .callout-text-white {
    color:rgba(255, 255, 255, 0.9);  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
  }
  .callout .callout-text-white {
    color:rgba(255, 255, 255, 0.9);  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  }

  .btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    color: #2d2d2d !important;
    background-color: #f7f1f0;
    border-color: transparent;
    box-shadow: none;
}

.callout .btn-dark {
    color: #2d2d2d !important;
    background-color: #f7f1f0;

    border-color: #343a40;
}

.callout .btn-dark:hover, .callout .btn-dark:active, .callout .btn-dark:focus {
    color: #fff!important;
    background-color: #343a40;
    border-color: transparent;
    box-shadow: none;
}

.btn-scroll:hover, .btn-scroll:active, .btn-scroll:focus{
    background-color: #343a40;
    border-color: transparent;
    color:#fff !important;
}

.btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    border-color: transparent;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    text-shadow:none;
}

footer.footer .social-link {
    color:#2d2d2d;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 3.3rem;
    width: 3.3rem;
    line-height: 3.6rem;
}
footer.footer .social-link:hover {background-color:#2d2d2d;color:#f7f1f0;}

.text-muted {
    color: #f7f1f0!important;
}

.callout h2 {
    max-width:100%;
}


h1.mb-1.callout-text-white {
    font-family: 'Silver South Script';
    font-size: 5rem;
    line-height: 1;
    font-weight: 600;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
    background-color: #2d2d2d;
    border-color: transparent;
}



h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

h2, .h2 {
    font-family: 'Source Serif Pro', serif;
    font-size: 5rem;
}

.portfolio-item .caption .caption-content  {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.portfolio-item .caption .caption-content h2 {
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 1;
}

.portfolio-item .caption .caption-content p {
    line-height: 1.2;
    font-weight: 400;
    font-size: 1.2rem;
}
.portfolio-item .caption {        background-color: rgba(33,37,41,.2);}
.portfolio-item:hover .caption {    background-color: rgba(33,37,41, 0.8);}

#sidebar-wrapper {    background: #2d2d2d;border-left:transparent;}

.sidebar-nav li.sidebar-nav-item a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}

.sidebar-nav {
    margin-top: 60px;
}

.img-fluid {min-width:100%;}

.img-brand {
    max-width:290px; margin-bottom:10px; margin-top:10px; border:none;
} 

.img-book {
  margin-bottom:30px; margin-top:10px; border:none;    max-width: 200px;

} 

.callout {
    padding: ;
    background-attachment: ;
}
.h2-about {font-size:3rem;}

.masthead {   height:100%;     background-position: left center;}

.screen {background-color:#00000066; padding:6rem 0;}

#sidebar-wrapper.active {    width: 180px;}

#uncommon .container {padding-left:5px;padding-right:5px;}
.content-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.btn-scroll { margin-top: 55px;
    margin-bottom: 15px;     background: rgba(52,58,64,.5);      padding: 1.25rem;     line-height: 1; }


.menu-toggle {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.mb-5, .my-5 {
    margin-bottom: 2rem!important;
}

.kc-brand-copy {font-weight:400;}

.img-link {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display:block;
}

.img-link:hover {opacity:.8;}

@media (max-width: 767px) {
.callout {
    padding: ;
}
.h2-about {font-size:1.75rem;}
#uncommon .container {padding-left:.5rem;padding-right:.5rem;}
.portfolio-item {       margin: auto auto .5rem;}
}
@media (min-width: 768px) {
    h1.mb-1.callout-text-white {font-size:8rem;}
    .mb-5, .my-5 {
        padding-left: 8rem;
        padding-right: 8rem;
    }
  }

@media (min-width: 992px) {
    .screen {padding:9rem 0;}
    .portfolio-item img.img-brand {
      -webkit-transition: unset;
      -webkit-clip-path: unset;
      clip-path: unset;
    }
    .portfolio-item:hover img.img-brand {
      -webkit-clip-path: unset;
      clip-path: unset;
    }
    .portfolio-item:hover img.img-brand {
      -webkit-clip-path:unset;
      clip-path:unset;
    }



  }

  @media (min-width: 1025px) {
    .callout, .masthead {        background-attachment:fixed ;    }
  }