body {
      font-family: 'Quicksand', sans-serif;
      min-height: auto;
    }

    h1 {
      font-weight:700;
    }

    footer {
      background-image: url(./media/color-bar.svg);
      background-position: center 0%;
    }

    .social img.icon {
      max-height:30px;
    }

    .brand-color-bar {
      background-image: url(../media/color-bar.svg);
      background-position: center 0%;
    }

    .btn-primary-brand {
      color: #fff;
      background-color: #751a35;
      border-color: #751a35;
    }

    .btn-secondary-brand {
      color: #fff;
      background-color: #B34233;
      border-color: #B34233;
    }

    .btn.btn-primary-brand:hover {
      /*background-color: rgba(117,26,53,0.8);*/
      background-color: #B34233;
      color:#fff;
    }

    .btn.btn-secondary-brand:hover {
      /*background-color: rgba(179,66,51,0.8);*/
      background-color: #751a35;
      color:#fff;
    }

    .card {
      filter: drop-shadow(0 0 3px #eee);
    }

    .bio img {
      border-radius: .2rem; 
      /*filter: drop-shadow(1px 2px 3px black);*/
    }

    .feat-proj img {
      border-radius: .2rem; 
      /*filter: drop-shadow(1px 2px 3px black);*/
    }

    img.full {
      border-radius: .2rem; 
      /*filter: drop-shadow(1px 2px 3px #aaa);*/
      margin:3rem 0;
    }

    img.pull {
      border-radius: .2rem; 
      /*filter: drop-shadow(1px 2px 3px #aaa);*/
      float:right;
      margin:0rem -12rem 3rem 3rem;
    }

    img.pull-left {
      border-radius: .2rem; 
      /*filter: drop-shadow(1px 2px 3px #aaa);*/ /*saturate(0.7) */
      float:left;
      margin:0rem 3rem 3rem -12rem ;
    }

    @media (max-width: 768px) {
      img.pull, img.pull-left {
        margin:2rem 0 2rem 0;
        width:100%;
        float:none;
      }
    }

    .vid-player {
      /*filter: drop-shadow(1px 2px 3px #aaa);*/
      padding:56.25% 0 0 0;
      position:relative;
      margin: 3rem 0;
    }

    .pquote {
      background: url(../media/openquote.gif) top left no-repeat;
      color: #030;
      font-size: 36px;
      line-height: 0.9;
      font-style: italic;
      padding: 3rem 1rem;
    }

    blockquote {
        margin: 0; /* gets rid of the default blockquote margin */
    }

    .quote {
      font-family: Georgia, serif;
      font-weight: 400;
      font-size: 2rem;
      line-height: auto;
      margin-top: 3rem;
    }

    .attrib {
      font-size: .85rem;
      text-transform: uppercase;
    }

    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }

    @media (max-width: 768px) {
      .quote {
        font-size: 1.2rem;
      }
    }