@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

#banner {
    
    position:relative;
    width: 100%;
    top:70px;
}

.contenedor-banner{
    
    position: relative;
    width: 100%;
    height: 100px;
    background:linear-gradient(90deg, #6E0000, #970000,#BE0000, #E20613);

}

.contenedor-banner h2{

    
    font-size: 40px;
    color:#fff;
    font-family: "Montserrat", sans-serif;
    
    

}

@media (min-width:320px){
    
    .contenedor-banner{
        
        width: auto;
        height: 60px;
    }
    
    .contenedor-banner h2{
        
        font-size: 18px;
        padding:15px;
        text-align: center;
    }
}
    
    @media (min-width:1024px){
        
        .contenedor-banner{
            
            height: 100px;
        }
        
        .contenedor-banner h2{
            
            font-size:35px;
            padding-top:30px;
        }
    }