/*-- intro section --*/
#intro-quote h1 {
    text-align: center;
    font-size: 27px;
}
@media (max-width: 500px) {
 #intro-quote h1 {
    font-size: 24px;
} 
}
/*-- video section --*/
#sebastian-video.wtm-content-block {
  padding-top: 0px;
  padding-bottom: 60px;
}
#video-transcript a:link {
  text-decoration: none;
  color: #F70B0B;
}

/*--Freedom Book Flexbox--*/
#freedom-block {
    background-image: url(https://images.wtmfiles.com/web/Buenos-aires-lanterns.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
#freedom-block.wtm-content-block {
  padding-top: 20px;
  padding-bottom: 20px;
}
#freedom-flexbox {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.transparent-box {
    background: rgba(255,255,255,0.93);
    max-width: 1100px;
    margin: 40px auto;
    padding: 20px 20px 20px;
    border: 6px solid #F2CB05;
    border-radius: 15px;
    color: #000000;
}
@media (max-width: 1200px) {
  .transparent-box {
   margin: 20px;
  }
}
@media (max-width: 600px) {
  .transparent-box {
   margin: 20px;
  }
}
#freedom-text {
   max-width: 665px;
   text-align: center;
}
#freedom-text p {
    font-size: 18px;
}
#freedom-text h2 {
    font-size: 24px;
    margin: 20px auto;
}
#freedom-text p:nth-child(3){
    margin: 40px 0 20px;
    text-align: center;
}
.freedom-image img {
    max-width: 135px;
    margin: 20px 40px;
    box-shadow: 1px 2px 7px #333;
}
.button {
  border: 3px solid #005B93;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  max-width: 265px;
  cursor: pointer;
  border-radius: 15px;
}

#freedom-quotes {
    text-align: center;
    max-width: 991px;
    display: block;
    margin: auto; 
}

#freedom-quotes hr {
    margin-top: 35px;
    margin-bottom: 32px;
    border: 0;
    border-top: 1px solid #014455;
    border-top: 2px solid #014455;
    width: 50%;
}
#freedom-quotes .read-more {
  max-width: 450px;
  margin: 40px auto;
}

#freedom-quotes .read-more-2 {
  max-width: 450px;
  margin: 40px auto 20px;
}

.transparent-box #freedom-quotes {
    padding: 30px 20px 0px;
  }

@media (max-width: 1030px) {
  .transparent-box #freedom-quotes {
    padding: 20px;
  }
  #freedom-quotes .read-more-2 {
  margin: 40px auto 0px;
}
}
@media (max-width: 600px) {
  #freedom-block.wtm-content-block {
  padding: 10px 0px;
  }
  #freedom-text {
   text-align: left;
  }
  #freedom-quotes {
    text-align: left;
  }
  .transparent-box #freedom-quotes {
    padding: 20px 10px 0px;
  }
  .button {
    display: block;
    margin: 0 auto;
  }
}

/* --Teenage Mind-- */
#teenage-mind-box h2 {
  max-width: 750px;
  margin: 40px auto 30px;
  line-height: 140%;
}
#teenage-mind-box img {
  display: block;
  margin: 30px auto;
  width: 100%;
  max-width: 500px;
}
#teenage-mind-box .colour-box p {
  max-width: 765px;
}
#j-quote.paragraph-quote {
  font-weight: bold;
}


/* --Footer-- */
#footer-banner-desktop {
    background-image: url(https://images.wtmfiles.com/web/Floralis-generica.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    height: 700px;
    border-bottom: 30px solid #fff;
}
#footer-banner-desktop p {
    float: right;
    max-width: 245px;
    text-align: left;
    position: relative;
    right: 475px;
    font-size: 15px;
    top: 100px;
}
#footer-banner-mobile, #footer-quote-mobile {
  display: none;
  float: none;
}

@media (max-width: 1740px) {
  #footer-banner-desktop p {
    right: 300px;
  }
}
@media (max-width: 1570px) {
  #footer-banner-desktop {
    height: 500px;
}
  #footer-banner-desktop p {
    top: 50px;
  }
}
@media (max-width: 1430px) {
  #footer-banner-desktop p {
    right: 200px;
  }
}
@media (max-width: 1200px) {
  #footer-banner-desktop p {
    right: 100px;
  }
}
@media (max-width: 1090px) {
  #footer-banner-desktop {
    height: 400px;
  }
  #footer-banner-desktop p {
    right: 100px;
    top: 15px;
  }
}
@media (max-width: 970px) {
  #footer-banner-desktop p { 
    right: 0px;
  }
}

@media (max-width: 870px) {
  #footer-banner-desktop {
    display: none;
  }
  #footer-banner-mobile {
    background-image: url(https://images.wtmfiles.com/web/Floralis-generica.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    height: 400px;
    border-bottom: 30px solid #fff;
    border-top: 30px solid #fff;
    display: block;
  }
  #footer-quote-mobile {
    float: none;
    display: block;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  #footer-banner-mobile {
    height: 250px;
  }
}
@media (max-width: 350px) {
  #footer-banner-mobile {
    height: 200px;
  }
}