@media (min-width: 600px) {
    html, body{ font-size: 16px; }
    h1{ font-size: 4.0rem; line-height: 3.6rem;}
    h2{ font-size: 3.6rem; line-height: 3.2rem; }
    h3{ font-size: 3.2rem; line-height: 2.8rem; }
    h4{ font-size: 2.8rem; line-height: 2.4rem; }
    h5{ font-size: 2.4rem; line-height: 2.0rem; }
    h6{ font-size: 2.0rem; line-height: 1.6rem; }

    #producto-2 .content{
        background-image: url(../img/producto-camion-2.png);
        min-height: 70vh ;
    }
    #producto .truck{
        max-width:70vw;
    }
    .slick-center {
        transform: scale(1.2)!important;
    }
    
    .slick-initialized .slick-slide {
        transform: scale(1);
    }
    .navbar-nav{
        background-color: transparent;
    }
    .team { grid-template-columns: repeat(2, 1fr); }

}

@media (min-width: 900px) {
    .frame-new.producto{ background-image: url(../img/bg-frame-2.svg); }
    .frame-new .content{ padding: 3rem 5rem; }
    .slider-wrapper{width: 50%; margin:auto;}
    .team { grid-template-columns: repeat(3, 1fr); }
    .member:nth-child(even){
        margin-top:2rem!important
    }
    .member:nth-child(odd){
        margin-bottom:2rem!important
    }
    footer .navbar-nav{
        justify-content: flex-end;
    }
    #closing video{
        mix-blend-mode: lighten;
        max-width: auto;
        min-width: 500px;
    }
}

@media (min-width: 1100px) {
    .team { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1300px) {
    .team { grid-template-columns: repeat(5, 1fr); }
}

@media (min-width: 1900px) {
    .frame-new .content{ max-width:620px; }
}