.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
    .resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.body {
        padding-top: 5rem;
  }

  .post-preview > a {
    color:var(--primary);
  }
  
  .post-preview > a:focus, .post-preview > a:hover {
    text-decoration: none;
    color:var(--secondary);
  }
  
  .post-preview > a > .post-title {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  
  .post-preview > a > .post-subtitle {
    font-weight: 300;
    margin: 0 0 10px;
    color: var(--info);
  }
  
  .post-preview > .post-meta {
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
    color: var(--dark);
  }
  
  .post-preview > .post-meta > a {
    text-decoration: none;
    color:var(--primary);
  }
  
  .post-preview > .post-meta > a:focus, .post-preview > .post-meta > a:hover {
    text-decoration: underline;
    color: var(--primary);
  }
  
  @media only screen and (min-width: 768px) {
    .post-preview > a > .post-title {
      font-size: 36px;
    }
  }
  .post-intro{
    font-style: italic;
    color: var(--info);
  }
  .bible{
    font-style: italic;
    color: var(--info);
  }
p{
  color: var(--dark);
}
h1, .display-4{
  color: var(--primary);
}
.blockquote > p {
    color: var(--primary);
    font-size: 100%
    
}