.hero{display:block;flex-direction:column;justify-content:center;background-blend-mode:multiply;background-size:320px 300px;background-size:cover!important;border-top:3px solid var(--cor-vinho);border-bottom:3px solid var(--cor-vinho);animation:imagem-hero 10s infinite; height: 180px;}
@keyframes imagem-hero{
    0%  {background:url(../img/banner-smart-1.jpg) no-repeat center center;}
    45% {background:url(../img/banner-smart-1.jpg) no-repeat center center;}
    50% {background:url(../img/banner-smart-2.jpg) no-repeat center center;}
    95% {background:url(../img/banner-smart-2.jpg) no-repeat center center;}
    100% {background:url(../img/banner-smart-1.jpg) no-repeat center center;}
}
.hero__container{display:flex;flex-direction:column;justify-content:space-between;height:auto;padding:1em 0;}
.hero__info__container{display:flex;flex-direction:column;align-items:center;max-width:940px;justify-content:space-around;text-align:center;background:rgba(0, 0, 0, 0.6);}
.hero__titulo, .hero__subtitulo{padding:0.5em;line-height:1.3em;text-align:center;color:var(--cor-cinza-claro);font-family:var(--fonte-titulo);text-shadow:1px 1px 3px var(--cor-preto);}
.hero__titulo{font-size:1.4em;font-weight:700;}
.hero__subtitulo{font-size:1.2em;font-weight:500;color:var(--cor-branco);}
.hero__links{display:flex;margin-bottom:0.8em;}
.hero__link{display:flex;align-items:center;padding:10px 15px;margin:1em 0;font-size:1em;color:var(--cor-branco);background:var(--cor-azul);border-radius:2px;border:1px solid var(--cor-branco);}
.hero__link__texto{margin:0;}
.hero__link__icone{margin-left:10px;}
.hero__texto{color:var(--cor-branco);font-size:1.2em;font-weight:500;padding:1em;font-family:var(--fonte-texto);}
@media screen and (min-width:320px){
    .hero__container{align-items:center;}
}
@media screen and (min-width:440px){
    @keyframes imagem-hero{
        0%  {background:url(../img/banner-bordado-personalizado-toalhas.jpg) no-repeat center center;}
        45% {background:url(../img/banner-bordado-personalizado-toalhas.jpg) no-repeat center center;}
        50% {background:url(../img/banner-bordado-personalizado-camiseta.jpg) no-repeat center center;}
        95% {background:url(../img/banner-bordado-personalizado-camiseta.jpg) no-repeat center center;}
        100% {background:url(../img/banner-bordado-personalizado-toalhas.jpg) no-repeat center center;}
    }
    .hero__titulo, .hero__subtitulo{padding:0.5em 1em;}    
    .hero__titulo{max-width:515px;font-size:1.6em;}
}
@media screen and (min-width:768px){
    .hero{height: 300px;}
    .hero__container{display:flex;align-items:center;width:100%;justify-content:space-around;padding:2em 0;}
    .hero__titulo{font-size:1.8em;}
    .hero__subtitulo{font-size:1.4em;}
    .hero__titulo .visible-tablet{display:block;}
    .hero__titulo span{font-size:1.4em;}
}
@media screen and (min-width:1024px){
    .hero{display:flex;align-items:center;height: 400px;}
    .hero__container{width:980px;align-items:flex-start;padding:0;}
    .hero__info__container{align-items:flex-start;}
    .hero__titulo, .hero__subtitulo{padding:1.5rem 2rem 0.5rem;text-align:left;max-width:480px;}
    .hero__subtitulo{max-width:380px;}
    .hero__links{margin:1rem 2rem;}
    .hero__link:hover{color:var(--cor-azul-escuro);background:var(--cor-cinza-claro);}
}