body .main { min-height:800px; background-image: url(./images/home/bg.webp); background-size: cover; background-position: top left; background-repeat: no-repeat; background-attachment: scroll }
.main h1 { font-size: 4rem }
.main p { line-height:28px }
.main h1, .main p { color: #fff }

/*********** Body Content */
.main h1 { margin-top: 80px; margin-bottom: 30px }
.highlighted-text { position: relative; display: inline-block; color: #9f525e; font-weight:bold; padding: 5px 30px; margin-left: -30px; background-color: #011b40; clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%) }
.products { position:relative; display: flex; justify-content: center; align-items: flex-start; gap: 10px; padding:30px 0; z-index:1 }
.products .img-products { max-width: 500px }
.products .logo-linha-respiratoria { max-height:150px} 
.products::before { content: ''; position: absolute; top: 60px; left: -60%; width: 155%; height: 75px; background: linear-gradient(to right, #9f525e 70%, #61484d, #61484d); z-index: -1; }


/********* Mobile */
@media only screen and (max-width: 768px) {
    .main h1 { font-size: 3rem }
    .products {
        flex-direction: column;
        gap: 0;
        z-index: 0
    }
    .products .img-products { max-width: 100% }
    .products .logo-linha-respiratoria { max-height:100px}    
    .main h1 { margin-top: 30px }
    .open-nav .nav { top:64px }
}


/********* Para desabilitar o logo de linha respiratório da home, para todos os paises da Europa */
img.fr-BE,
img.nl-BE,
img.fr-FR,
img.hu-HU,
img.nl-NL,
img.pl-PL,
img.pt-PT,
img.ro-RO,
img.es-ES,
img.en-GB {
    display: none;
}