body { color: #3f3f3f; font-weight: 300; /*font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: 300; font-variation-settings: "wdth" 100;*/ }
header { background-color: #e4e4e8;}
    header .logo { width: 300px; }
    header .tagline, footer a { text-transform: uppercase; font-size: 18px; letter-spacing: 10px; font-family: "Merriweather"; font-weight:100;}
    .navbar-light { background-color: #ffffff;}
    .navbar { justify-content:center; }
    .navbar .navbar-collapse {justify-content:center;}
    .navbar-light .navbar-nav .nav-link { text-transform: uppercase; color: #c7b36c; font-size: 1.3rem; font-weight: 300; }
    .navbar .nav-item { padding: 0 .75rem;}
    
    main { min-height: 700px; line-height: 2rem; position: relative; overflow-x: hidden; }
    main.content:before { content: ''; z-index:-1; display: block; position: absolute; top: 2rem; right:0; left:0; bottom: 0; background-size: 100% auto;  opacity: .3; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzQwcHgiIGhlaWdodD0iMTU3cHgiIHZpZXdCb3g9IjAgMCAzNDAgMTU3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNDAgMTU3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjREFEQUUwIiBwb2ludHM9IjM0MCwxMDcuNjY3IDAsMTU3IDAsNDkuMzMzIDM0MCwwICIvPg0KPC9zdmc+DQo=); }
    h1 {font-weight: 100; }
    h2 { text-transform: uppercase; color: #c7b36c; font-weight: 300;}
    a {color:  #c8b46e; font-weight: 600; transition: .2s;}
    a:hover, a:active, a:focus { color: #000;}
    .content-header { padding-top: 4rem; padding-bottom: 4rem; margin-bottom: 2rem; background-color: #f7edcd; background: radial-gradient(ellipse at center, #f7edcd 0%, #ddc982 100%); text-align:center; background-size: 100% 400%; }
    main img { max-width: 100%; height: auto; }
    
    .homepage-slides { width: 100%; height: 0; padding-bottom: 42.8%; position: relative; }
    .homepage-slides > .homepage-slides-inner { position: absolute; top:0; right:0; bottom:0; left:0; font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-variation-settings: "wdth" 75; font-size: 1.2rem; }
    .homepage-slides > .homepage-slides-inner div.lead { font-size: 2.5rem; text-transform: uppercase; }
    .homepage-slides > .homepage-images { overflow: hidden; }
    .homepage-slides > .homepage-images > .carousel-fade .carousel-item { transition-duration: 1.25s; }
    
    .bump-up { margin-top: 2rem;}
    
    .feature { font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-variation-settings: "wdth" 75; padding: 1rem; margin: 2rem 1rem; position: relative; }
    .feature:hover {background-color: #f3f3f5}
    .feature h2 { margin-bottom: 0; }
    .feature > .row > div { position: static; }
    .feature > .row > div > a > p:last-of-type { margin-bottom:0; }
    .feature:hover a:before { content:" "; position:absolute; top:0; right:0; bottom:0; left:0; }
    .feature a { text-decoration: none !important; font-weight: 300; }
    .feature a { color: #000; }
    
    footer {text-align:center; line-height: 2rem;}
    footer a { color: #adadad; letter-spacing: normal; }
    footer a:hover, footer a:active, footer a:focus { color: #d6d6d6; }
    footer p { color: #adadad;}
    .bg-light { background-color: #dddde2 !important;}
    
    .line-through-text { display: flex; margin: 2rem 0; font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-variation-settings: "wdth" 75; text-transform: uppercase; font-size: 1.5rem; background-color: #fff; align-items:center; }
    .line-through-text > .line { height:1px; background-color: #000; width: 100%; }
    .line-through-text > .text { display: block; width: auto; margin: 0 auto; white-space:nowrap; padding: 0 1rem; }
    
    .bg-dark-extend-x { position:relative; color: #f7eaba; }
    .bg-dark-extend-x:before { content: ""; display: block; background: rgba(0, 0, 0, .7); position: absolute; top: 0; right: -100vw; bottom: 0; left: -100vw; overflow: hidden; }
    
    .plaque-outer { text-align: center; margin-bottom: 2rem;}
    .plaque-inner { display: inline-block; background-color: #f6eabc; position: relative; padding: 1.5rem; line-height: 1; }
    .plaque-inner:before, .plaque-inner:after { content: ""; width: 8px; position: absolute; top: 8px; bottom: 8px; display: block; background-color: #f6eabc; }
    .plaque-inner:before { left: -8px; }
    .plaque-inner:after { right:-8px; }
    .plaque-text { font-size: 2rem; text-transform: uppercase; color: #271a0f; font-family: "Merriweather"; line-height: 1; }
    /*.plaque { display: inline-block; margin-left: auto; margin-right: auto; background-color: #f6eabc; }*/
    
    .testimonial-wrapper { color: #c1c7c8; }
    .testimonial-inner { text-align:center; line-height: 2; font-size: 1.2rem; }
    .testimonial-body p:last-of-type { margin-bottom : 0;}
    .testimonial-body p:first-of-type:before { content: ""; display: inline-block; background-image: url('/media/3rghlozi/quote-left.gif'); background-repeat: no-repeat; background-size: contain; width: 2rem; height: 1rem; padding-right: .5rem;}
    .testimonial-body p:last-of-type:after { content: ""; display: inline-block; background-image: url('/media/4ekl3mbs/quote-right.gif'); background-repeat: no-repeat; background-size: contain; background-position: right; width: 2rem; height: 1rem; padding-left: .5rem;}
    .testimonial-body div { display: inline-block; }
    .testimonial-from { font-weight: bold; font-size: 1.3rem; font-style: italic; margin-top: 1rem; }
    
    .back-button { display: inline-block; padding: 1rem 2rem; background:#dadae0; text-transform: uppercase; font-family: "Merriweather"; position: relative; color: #000; }
    .back-button:hover, .back-button:active, .back-button:focus { background-color:#c8b46e; color: #fff; }
    
    .btn { font-weight: 600; text-transform: uppercase; font-family: "Merriweather"; border: none; border-radius: 0; }
    .btn-primary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color: #c8b46e; color: #fff; }
    .btn-secondary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: #dadae0; color: #000;}
    
    .heading-icon { max-width: 15%; float: left; padding: 0 2.0rem 1.15rem 0;}
    .service-area-row { margin-top: 3.5rem; margin-bottom: 3.5rem; }
    .service-area-row h2 a:hover { color: #c8b46e; text-decoration: none; }
    
    legend { text-transform: uppercase; font-family: "Merriweather"; font-size: 1.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 1rem; margin-bottom: 2rem; display: inline-block; width: auto; }
    .form-label { text-transform: uppercase; font-family: "Merriweather"; font-size: 1.25rem;}
    .form-control { border-radius: 0; padding: 1rem; }
    
    /*.back-button:before { content: ""; border-color: transparent #dadae0 transparent transparent; border-style: solid; border-width: 100px; }*/
    
/* sm screens and larger */
@media (min-width: 576px) { }
/* md screens and larger */
@media (min-width: 768px) {
    header .logo { width: 600px;}
    footer {text-align:right;}
    .bump-up { margin-top: -3rem; }
}
/* lg screens and larger */
@media (min-width: 992px) { }
/* xl screens */
@media (min-width: 1200px) { }