/* ==========================================================================
   Ícaro Express — Formato do slogan no banner da home
   Só muda a aparência da camada que já existe. Nenhuma alteração de HTML.
   O Slider Revolution escreve font-size, line-height e font-weight inline
   no <h1> e também no <span> do "IMPORTA.", por isso os três seletores e o
   !important: sem eles o estilo inline vence.
   ========================================================================== */

#slider-1-slide-1-layer-1,
#slider-1-slide-1-layer-1 h1,
#slider-1-slide-1-layer-1 span{
  font-size: 84px !important;
  line-height: .98 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

#slider-1-slide-1-layer-1{
  width: 820px !important;
  max-width: 60vw !important;
  white-space: normal !important;
}

@media (max-width: 1240px){
  #slider-1-slide-1-layer-1,
  #slider-1-slide-1-layer-1 h1,
  #slider-1-slide-1-layer-1 span{ font-size: 64px !important; }
  #slider-1-slide-1-layer-1{ width: 620px !important; }
}

@media (max-width: 820px){
  #slider-1-slide-1-layer-1,
  #slider-1-slide-1-layer-1 h1,
  #slider-1-slide-1-layer-1 span{ font-size: 40px !important; }
  #slider-1-slide-1-layer-1{ width: 84vw !important; max-width: none !important; }
  /* No celular o texto fica sobre a cabine branca do caminhão. A sombra
     devolve o contraste sem mexer na foto nem na cor do texto. */
  #slider-1-slide-1-layer-1 h1{
    text-shadow: 0 2px 20px rgba(10,20,45,.9), 0 0 3px rgba(10,20,45,.65) !important;
  }
}