¿Cómo puedo poner unos estilos en específico para Safari? .No se me visualiza bien en ese navegador. Así es como se ve y este mi código:
/* Contenedor de el banner */
.contenedor-titulo{
background-image: url(/img/hero.jpg);
background-position: top center;
background-size: cover;
display: flex;
color: white;
padding-left: 3rem;
align-items: center;
justify-content: space-between;
}
/* Contenedor del logo de bachilleres */
.logo-bacho{
padding-right: 15rem;
align-self: flex-end;
}
/* Selector para el tamaño del logo de bacho */
.logo-bacho img{
width: 12rem;
height: 15rem;
}
/* Div del titulo de compras */
.titulo-compras{
font-size: 3rem;
}
/* Barra de degradado debajo del banner */
.barra {
display: flex;
justify-content: space-around;
flex-direction: row;
padding: 2rem;
background: #741d51; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #741d51 0%,#e44e52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#741d51', endColorstr='#e44e52',GradientType=1 ); /* IE6-9 */
;
}