.main-columns {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  padding: 0 10 0 10;
}
.left-column, .right-column {
  flex: 1 1 0;
}

@media (max-width: 768px) {
  .main-columns {
    flex-direction: column;
  }
}

.podcast-intro {
  width: 100%;
  text-align: center;
  padding: 0 0 0 0;
}

h1 {
  font-size: 56px;
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-style: normal;
}

p {
  font-family: "Titillium Web", sans-serif;
  font-style: normal;
  font-size: 22px;
  padding: 0 30 0 30;
}

.YouTube {
  padding: 0 5 0 5;
}

html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: yellow;
  scroll-behavior: smooth;
}


body {
    min-height: 100vh;
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 150;
    line-height: 1;
}


.animate__animated.animate__fadeIn {
  --animate-duration: 2s;
  --animate-delay: 0s;
}


main {
  width: 100%;
  text-align: center;
  margin: 0 0 0 0;
}

.header {
    background-image: url("../resources/images/the-manor-web-banner.png"); 
    height: 300px;
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
}

.logo {
  padding: 1px;
  position: relative;
  text-align: center;
  height: 300px;
}

.social1 {
  margin: 10px;
  text-align: center;
}

.icon {
  padding: 5px;
}

.icon:hover {
  -webkit-animation: pulse 1s;
  animation: pulse 1s;
}

footer {
  position: relative;
  text-align: center;
  height: 300px;
  bottom: 0;
  width: 100%;
  /* background: linear-gradient(to top, #404040 30%, #000000 100%); */
  background-image: url("../resources/images/the-manor-web-footer.png");
  margin: 20 0 0 0;
}

.social2 {
  margin: 0 0 0 0;
  padding: 50px;
  text-align: center;
}

.twitter-follow-button {
  padding: 2;
  margin: 0;
}