@charset "UTF-8";
/* CSS Document */
body *{font-family: 'Roboto', sans-serif;}
section.still{width: 100vw; height: 100vh; background-image:url("../img/Imagen-de-fondo.png"); background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center;}
.elementos{display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 20px; color: #ffffff; padding: 0 450px;}
.elementos .logo{margin-right: 40px;}
.elementos .logo img{width: 350px;}
.elementos .texto{border-left: 4px solid #f50000; padding-left: 40px;}

/*Responsive New Slider*/
/*Desktop*/
@media (max-width: 2000px) {
    .elementos{padding: 0 400px;}
}
@media (max-width: 1700px) {
    .elementos{padding: 0 300px;}
}
@media (max-width: 1500px) {
    .elementos{padding: 0 200px;}
}
@media (max-width: 1300px) {
    .elementos{padding: 0 50px;}
}
@media (max-width: 1000px) {
    section.still{overflow: auto; padding: 100px 0;}
    .elementos{flex-direction: column; padding: 0 80px; font-size: 18px;}
    .elementos .logo{margin: 0 0 20px 0;}
    .elementos .logo img{width: 300px;}
    .elementos .texto{border-left: none; border-top:4px solid #f50000;  padding-top: 30px; padding-left: 0;}
}
/*Tablet*/
@media (max-width: 768px) and (min-width: 481px){
.elementos{padding: 0 50px;}
}
/*Movil*/
@media (max-width: 480px) {
    .elementos{font-size: 16px; padding: 20px;}
    .elementos .logo img{width: 200px;}

    
}