.home-tagline {
   text-align: center;

   hr {
      margin: 20px auto;
      max-width: 250px;

      @media screen and (min-width: 1660px) {
         margin: 30px auto;
      }
   }

   p {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .04em;
      font-family: $font-bernino;
      margin: 0;
      position: relative;
      line-height: 1.15;

      strong {
         font-weight: inherit;
         display: block;
      }

      &::before {
         @include fonticon;

         background: $white;
         color: $brand-primary;
         font-size: 25px;
         margin-left: -32px;
         position: absolute;
         left: 50%;
         top: -30px;
         width: 75px;

         @media screen and (min-width: 1200px) {
            font-size: 35px;
            top: -40px;
         }

         @media screen and (min-width: 1660px) {
            font-size: 40px;
            top: -50px;
         }
      }


      @media screen and (min-width: 1200px) {
         font-size: 20px;
      }

      @media screen and (min-width: 1660px) {
         font-size: 30px;

         strong {
            font-size: 36px;
         }
      }
   }
}

.tagline-time + p::before {
   content: $icons_stopwatch;
}

.tagline-instore + p::before {
   content: $icons_bag;
}

.tagline-original + p::before {
   content: $icons_diamond;
}
