@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@charset "UTF-8";
/* ------ Aloitusvideon tyylit ------ */
#intro-container {
  position: relative;
  height: 70vh; }
  @media (max-width: 450px) {
    #intro-container {
      height: 80vh; } }

#intro-container > #intro {
  position: absolute;
  width: 100%;
  min-height: 70vh;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 70vh; }
  @media (max-width: 450px) {
    #intro-container > #intro {
      min-height: 80vh;
      max-height: 80vh; } }

/* ---- Aloitusvideon kuvateksti ---- */
#intro-container > .md-intro-caption-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #2b2e2f; }

#intro-container > .md-intro-caption-wrapper > .md-intro-caption {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 15px 20px;
  color: white; }

/* ---- Aloitusvideon lähde ---- */
#intro-container > .md-intro-source-wrapper {
  position: absolute;
  height: 20px;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8); }

#intro-container > .md-intro-source-wrapper > .md-intro-source {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 22px;
  padding: 0 10px;
  color: white;
  white-space: nowrap; }

.plus-app.plus-app-2020-05-ratikka-intro {
  /* For old browsers */
  display: block; }
  .plus-app.plus-app-2020-05-ratikka-intro p, .plus-app.plus-app-2020-05-ratikka-intro h1, .plus-app.plus-app-2020-05-ratikka-intro h2, .plus-app.plus-app-2020-05-ratikka-intro h3 {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0; }


/*# sourceMappingURL=styles.css.map*/