.quote {
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  font-style: italic;
}

/*********************************************************/
/*      Marquee efect for the last updates               */
/*********************************************************/

.marquee {
  height: 20px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: inline-block;
  width: 300%;
  height: 40px;
  position: absolute;
  overflow: hidden;
  animation: marquee 15s linear infinite;
}

.marquee span {
  font-family: "Comfortaa", cursive;
  font-style: italic;
  float: left;
  width: 1100px;
  color: white;
}

.marquee:hover div {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    left: 99%;
  }

  100% {
    left: -1100px;
  }
}

/*************************************************************/
/*      Small devices (landscape phones, 576px and up)       */
/*************************************************************/
@media (max-width: 767px) {
  .quote {
    width: 45vw;
    margin-left: 25%;
    margin-top: 65%;
    /* display: none; */
  }
}

/*************************************************************/
/*      Medium devices (tablets, 768px and up)               */
/*************************************************************/

@media (min-width: 768px) {
  .featured-video {
    background-image: url("../images/uriahep-small.jpg");
  }

  .quote {
    position: absolute;
    width: 28vw;
    top: 40%;
    margin-left: 40%;
  }
}

/*************************************************************/
/*      Large devices (desktops, 992px and up)               */
/*************************************************************/
@media (min-width: 992px) {
  .quote {
    position: fixed;
    top: 39%;
    left: -15%;
    width: 25%;
  }
}

/*************************************************************/
/*       X-Large devices (large desktops, 1200px and up)     */
/*************************************************************/
@media (min-width: 1200px) {}

/*************************************************************/
/*    XX-Large devices (larger desktops, 1400px and up)      */
/*************************************************************/
@media (min-width: 1400px) {}