html {
    position: relative;
    min-height: 100%;
    text-transform: uppercase;
  }
  
  body {
    margin-bottom: 60px;
    font-family: 'Helvetica', sans-serif;
    background: #000;
  }
  
  a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
  }
  
  .jumbotron {
    background-color: #000;
    margin-bottom: 6rem;
  }
  
  .jumbotron h1, .jumbotron h2, .jumbotron p {
    text-align: center;
    color: #969696;
    font-family: 'Helvetica', sans-serif;
  }
  
  .jumbotron h1 {
    font-size: 35px;
    font-weight: bold;
    text-shadow: 2px 2px rgba(0, 0, 0, .2);
    color: #fff; /* Specific color for h1 */
  }
  
  .jumbotron h2 {
    font-size: 1.5rem;
    padding-top: 5px;
  }
  
  .jumbotron p {
    font-size: 20px; /* Adjusted to not conflict and override */
    letter-spacing: .16em;
    font-weight: 100;
  }
  
  .maincont, .headings {
    padding: 0 2rem; /* Unified padding for .maincont and .headings */
  }
  
  .vidwrap, img, .cswrap:hover img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .vidwrap:hover, .cswrap:hover img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
  }
  
  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6rem;
    background-color: #000000;
  }
  
  .jumbotron li {
    margin: 0 0.5rem; /* Simplified margin setting */
    opacity: 1;
  }
  
  li:hover {
    opacity: .75;
  }
  
  
  /* Animations */
  @keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  .headings h1, .maincont h2, .cover img, .list-inline-item img {
    animation: fadein 4s; /* Unified animation */
  }
  
  .headings p, .maincont h2 {
    animation: fadein 10s;
  }