/* tablet */ 

@media only screen and (min-width: 670px) and (max-width: 999px) {
    
    main {
        height: 508px;
    }  
    
        main .main-banner {
            width: 279px;
            height: 168px;
            border-radius: 0 var(--main-border-radius-tablet) 0 var(--main-border-radius-tablet);
        }

            main .main-seta-esquerda img, main .main-seta-direita img {
                width: 42px;
                height: 42px;
            }

            main .main-banner h1 {
                padding: 0 32px;
            }
}