<>@media (min-width: 800px) { .mainNavbar { height: 0; } } .img1 { width: 220px !important; height: 220px !important; animation: pulse-blue 2s infinite; background-color: #fff; position: absolute; top: 258px; right: 224px; border-radius: 60%; } .tx1 { font-size: 38px; } .texto1 { width: 100%; position: absolute; top: 52%; transform: translateY(-50%); text-align: center; color: #000; } @keyframes pulse-blue { 0% { transform: scale(0.95); } 30% { background-color: #fff; } 70% { background-color: #00764b; transform: scale(1); } 100% { transform: scale(0.95); } } @media (max-width: 799px) { .tx1 { font-size: 28px; } .img1 { width: 190px !important; height: 190px !important; animation: pulse-blue 2s infinite; background-color: #00764b; position: absolute; top: 230px; right: 30px; border-radius: 60%; } } video { width: 100%; height: auto; } .ct-featuredCategories { background-color: #00764c; color: #fff; } .Scq3OnJjtcNtx00xYIoeC { text-align: center !important; } .YS7qrRvkADLpJJY6pApQW { display: flex; flex-direction: column-reverse; } .ct-gallery { background-color: #ce122c; color: #fff; } @media (max-width: 700px) { .apps { display: grid; grid-template-columns: 44% 24% 24%; justify-content: center; align-items: center; background-color: #efefef; padding: 8px 0; gap: 6px; } .texto { font-size: 16px; } .as, .ps { width: 100px; } } @media (min-width: 701px) { .apps { display: grid; grid-template-columns: 30% 20% 20%; justify-content: center; align-items: center; background-color: #efefef; padding: 8px 0; gap: 6px; } .texto { font-size: 30px; } .as, .ps { width: 200px; } } .video-container { position: relative; width: 100%; height: auto; overflow: hidden; } video { width: 100%; height: auto; } .overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%-50%); text-align: center; color: white; } .overlay p { font-size: 40px; margin-bottom: 60px; text-shadow: 0 0 8px #000000de; } .overlay .bt-ov { padding: 10px 30px 11px; font-size: 24px; background-color: #00764bc4; border: none; color: white; cursor: pointer; border-radius: 5px; } .overlay .bt-ov:hover { background-color: #00764b; } @media (max-width: 800px) { .overlay { left: 20% !important; transform: translate(-14%-190%) !important; } .overlay .bt-ov { padding: 3px 20px 5px !important; font-size: 18px !important; } .overlay p { font-size: 26px !important; margin-bottom: 15px !important; line-height: 22px !important; } }