body {
  background-image: url("../images/dither_it_duck-family.png") !important;
  background-position-y: 50vh;
  background-repeat: repeat-x;
  background-size: cover;

  /* background-image: none; */
}

main {
  justify-content: space-between !important;
}

.col {
  width: 100% !important;
}

.col1 {
}

.col2 {
}

.main-title {
  width: 100% !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  line-height: 1.3 !important;
}

#podcast-cover {
  width: 65%;
  margin: 0 auto;
  display: block;
  box-shadow: 0px 0px 4px rgb(166, 170, 166);
}

#plan p {
  margin-top: 0.25rem !important;
}

ol li {
  margin-left: 1rem;
}

.pod-guest {
  font-family: "KoPubWorldBatangLight";
  font-weight: normal;
  font-size: 1rem;
  text-decoration: underline wavy;
  /* color: green !important; */
}

.guest {
  text-decoration: underline dotted important;
}

/*#podcast-series = An ordered list*/
#podcast-series {
  background-color: white;
  box-shadow: 0px 0px 4px rgb(166, 170, 166);
  border-radius: 0 !important;
}

#podcast-series,
#podcast-series a {
  color: blue;
}

#guest1,
#guest2 {
  color: #51a953 important;
}

#guest1 a,
#guest2 a {
  color: #51a953 important;
}

#podcast-series li {
  margin-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 1.75rem;
}

.main-section p {
  margin-top: 1.5rem !important;
}

.inactive {
  color: black !important;
}

.caption {
  text-align: right;
}

#zine-box2 {
  width: 70%;
}

#zine-box2 img {
  width: 100%;
}

#mobile-subscribe {
  display: none;
}

#subscribe p,
#listen-at-website p {
  margin-top: 0rem !important;
}

.pro-title {
  font-family: "Sligoil-Micro Regular";
}

#h2-pro-title2 {
  position: relative;
  top: 2vh;
}

#podcast-promo {
  display: inline-block;
  text-align: center;
  animation: blink 1s infinite;
  /* border: 1.5px dotted rgb(157, 192, 140); */
  text-shadow: 0 0 16px tomato;
}

@keyframes blink {
  0% {
    opacity: 1;
    text-shadow: 0 0 36px rgb(157, 192, 140);
  }

  50% {
    opacity: 0;
    text-shadow: none;
  }

  100% {
    opacity: 1;
  }
}

#link-podcast {
  color: blue;
  text-decoration: underline dotted;
}

#link-podcast:hover {
  text-shadow: 2px 2px 4px rgb(157, 192, 140);
}

/*Desktop HIDPI 1920 x 1080 https://blisk.io/devices*/
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  #series {
  }

  #subscribe ol {
    margin-left: 1rem;
    margin-bottom: 0.65vh;
    font-size: 1.15rem;
  }

  #podcast-series li {
    font-size: 1.15rem;
    line-height: 1.5rem;
    padding: 1rem 0.5rem 0.5rem 0.1rem;
    margin-bottom: 0vh;
    margin-top: 0;
  }
}

/******Laptop Big******/
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
}

/******Laptop Small******/
@media only screen and (min-width: 921px) and (max-width: 1279px) {
}

/******Mobile Portrait******/
@media only screen and (min-device-width: 360px) and (max-device-width: 920px) and (orientation: portrait) {
  body {
    background-image: none !important;
    overflow-x: hidden !important;
  }

  .wrapper {
    top: 0vh !important;
  }

  .main-title {
    background: radial-gradient(white, rgb(213, 239, 201)) !important;
  }

  .main-section p {
    margin-left: 2vw !important;
  }

  #zine-box2 {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  #zine-box2 img {
    width: 65%;
  }

  #link-podcast {
    display: inline-block;
    width: 100%;
    word-break: break-all;
  }

  /* #series {
    position: relative;
    top: -45vh;
   
  }

  #plan {
    position: relative;
    top: 65.5vh;
   
  } */

  /* #mobile-subscribe {
    display: block;
  } */

  /* #subscribe {
    display: none;
  } */
}