@import url('https://fonts.googleapis.com/css?family=Merriweather');
    html,body {
      height: 100%;
      padding: 0px;
      font-family: Merriweather, serif;
    }
    .page1, .container-fluid.h-100 {
      background:
        url('../img/bg.jpg')
        no-repeat
        fixed
        center;
      background-size: cover;
    }
    blockquote {
      padding: 15px;
    }
    h1 {
      font-family: Chalkduster;
      font-size: 4rem;
      font-weight: bold;
      color: white;
      text-shadow: 2px 2px #cacaca;
      text-transform: uppercase;
    }
    h2 {
      font-family: 'Trade Gothic LT Std';
      font-size: 1.75rem;
      font-weight: bold;
      font-style: condensed;
    }
    .blockquote {
      background-color: #e8dbd6;
      color:#db0013;
      padding: 15px;
      font-size: 16px;
      font-weight: bold;
    }
    h3 {
      font-family: 'Trade Gothic LT Std';
      font-size: 1.5rem;
      font-weight: bold;
      font-style: condensed;
    }
    h4 {
      font-family: 'Trade Gothic LT Std';
      font-size: 1.5rem;
      font-weight: bold;
      font-style: normal;
    }
    ol li {
      font-size: 1.05em;
      color: rgb(237, 28, 36);
      font-family: 'Trade Gothic LT Std';
      font-weight: bold;
      margin-bottom: 10px;
    }
    ol li:nth-child(even) { color: rgb(28, 47, 114); }
    p.name {
      font-weight: bold;
      color: #004b70;
      text-align: center;
      font-size: 1.25rem;
    }
    a.nav-link {
      color: #004b70;
    }
    a.active {
      border-bottom: 1px solid #004b70;
    }
    .card {
      margin-bottom: 1rem;
    }
    .card-text {
      line-height: 1.6;
    }
    #sdb a {
      padding-top: 150px;
    }
    .btn {
      border: 0px;
    }
    .card-img-top {
      display: block;
      object-fit: cover;
    }
    .card {
        display: block;
    }
    @media screen and (min-width: 805px) {
        #arrow {
        background-image: url("../img/arrow.png");
        height: 111px;
        width: 278px;
        position: absolute;
        top: 170px;
        left: 460px;
      }
    }
    @media screen and (max-width: 400px) {
      .branding {
        display: none;
      }
    }
    #sdb a span {
      margin-top: 5vh;
      width: 24px;
      height: 24px;
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-animation: sdb05 1.5s infinite;
      animation: sdb05 1.5s infinite;
      box-sizing: border-box;
      display: inline-block;
    }
    @-webkit-keyframes sdb05 {
      0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
      }
    }
    @keyframes sdb05 {
      0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
      }
    }