html, body {
  height: 100%;
}
        body, h1, h2, h3, h4, p {
          font-family: 'PT Serif', serif;
          color:#FFF;
        }
        p {
          font-size:.9rem;
        }
        h1 {
          color:white;
          margin-bottom:1rem;
        }
        /*.testimonials h1 {
          color:#1a2536;
        }*/
        h3 {
          font-size: 1.2rem;
          font-style: italic;
          margin-bottom:1rem;
          color: #d2bf62;
        }
        h1:before {
          content: '|';
          color: #d2bf62;
          font-weight:900;
          padding-right:1rem;          
        }
        i {
          font-size:1rem;
          color:#d2bf62;
        }
        .hero {
          
        }
        .about {        
          background-image: linear-gradient(to left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.23)), url('../img/haydn_profile_pic.jpg');
          background-position: center center;
          background-size: cover;
          min-height:500px;
          /*height:500px;*/
        }
        .about-content {
          max-width:500px;
        }
        .about h1 {
          padding:0;
          margin:0;

          color: white;
        }

        section.masthead {
          /*background: linear-gradient(to left,#1a2839,#2e4050);*/
          background:linear-gradient(to left, rgba(21, 30, 47, .6), rgba(52, 75, 89, .9)), url('../img/background_rearcover.jpg');
          background-position: 60% 70%;
          background-size: cover;
          padding-top:3rem;
        }

        @media (min-width: 992px) {
        section.masthead {
            height: 100vh;
            min-height: 0;
            padding-top: 3rem;
            padding-bottom: 0;
          }
        }
        @media (max-width: 992px) {
        #mainNav {
            background:#1a2536;
          }
        }
        #mainNav {
          background:transparent;
          transition: all .35s;
          font-family: 'Lato', sans-serif;
          text-transform: uppercase;
          
        }
        #mainNav a {
          color: #FFF;
          font-size: .7rem;
          letter-spacing: 2px;
          font-weight: 400;
        }
        #mainNav.navbar-shrink{
          background:#1a2536;
        }
        #mainNav.navbar-shrink .navbar-brand {
          color: #FFF;
        }
        #mainNav.navbar-shrink .navbar-brand:hover {
          color: #d2bf62;
        }
        #mainNav.navbar-shrink .navbar-nav>li>a, #mainNav.navbar-shrink .navbar-nav>li>a:focus {
          color: #f8f9fa;
        }
        #mainNav.navbar-shrink .navbar-nav>li>a:hover {
          color: #d2bf62;
        }
        #mainNav .navbar-brand {
          /*font-family: 'Playfair Display', serif;*/
          font-family: 'Lato', sans-serif;
          text-transform: uppercase;
          font-size: 1rem;
          letter-spacing: 3px;
          font-weight:300;
          color:white;
        }
        #mainNav .navbar-toggler {
          font-size: 1rem;
          padding: 0;
          color: #222;
        }

        @media(max-width: 768px) {
          button.full-width {
          width: 100%;  
          }
        }

        blockquote {
            position: relative;
            text-align: left;
            padding: 1.2em 0 2em 38px;
            border: none;
            margin: 20px auto 20px;
            max-width: 800px;
            width:100%;
            display: block;
        }

        blockquote:after {
            content: "";
            display: block;
            width: .3rem;
            height: 100%;
            position: absolute;
            left: 0;
            color: #66cc66;
            top: 0;
            background:#d2bf62;
            /*background: -moz-linear-gradient(top,#66cc66 0%,#66cc66 60%,rgba(255,255,255,0) 100%);
            background: -webkit-linear-gradient(top,#66cc66 0%,#66cc66 60%,rgba(255,255,255,0) 100%);*/
            /* background: linear-gradient(to bottom,#66cc66 0%,#66cc66 60%,rgba(255,255,255,0) 100%); */
        }

        blockquote:before {
            content:"\f10d";
            font-family: "Font Awesome 5 Free";
            font-size: 20px;
            display: block;
            margin-bottom: 0.8em;
            font-weight: 900;
            color: #1a2536;
        }

        blockquote p {
            color:#1a2536;
            font-size:2rem;
        }

        blockquote > cite, 
        blockquote > p > cite {
            display: block;
            font-size: 16px;
            line-height: 1.3em;
            font-weight: 700;
            font-style: normal;
            margin-top: 1.1em;
            letter-spacing: 0;
            font-style:italic;
        }
        blockquote p.small {
          font-size:1rem;
          color:#d2bf62;
        }
        footer {
          background:blue;
          margin:0;
        }
        .btn-buy {
          color: #192738;
          background-color: #d2bf62;
          border:none;
        }
        .btn-buy:hover {
          /*background:lighten(#192738, 10%);*/
          background:#f3e396;
          color:#192738;
        }
        .footer {          
          background:#ced4da;
        }
        .footer p {
          font-size:.8rem;
          color:#192738;
        }

        .testimonials {
          /*background:url(../img/arabella.jpg);
          background-position: center right;
          background-size: cover;*/
        }
        #mainNav.navbar-shrink .navbar-nav>li>a.active, #mainNav.navbar .navbar-nav>li>a.active {
          color: #d2bf62;
        }