[Summary view] [Print] [Text view]

   1  // Banner
   2  
   3  .container-banner {
   4    img {
   5      display: block;
   6      margin: auto;
   7    }
   8  
   9    .banner-overlay {
  10      height: 70vh;
  11      color: $white;
  12      background-repeat: no-repeat;
  13      background-attachment: fixed;
  14      background-position: top,center;
  15      background-size: cover;
  16  
  17      .overlay {
  18        display: flex;
  19        flex-direction: column;
  20        align-items: center;
  21        justify-content: center;
  22        height: 100%;
  23        padding: $cassiopeia-grid-gutter;
  24        text-align: center;
  25        background-color: hsla(0, 0%, 0%, .5);
  26  
  27        .text-thin {
  28          font-weight: $font-weight-lighter;
  29          &::after {
  30            display: block;
  31            width: 30%;
  32            height: 4px;
  33            margin: 1rem auto 2rem;
  34            content: "";
  35            background: $white;
  36          }
  37          .lead {
  38            font-size: 150vh;
  39          }
  40        }
  41      }
  42  
  43      @media screen and (max-height: 740px) {
  44        height: 100vh;
  45      }
  46    }
  47  }