html { font-size: 14px; } body { font-family: 'Quicksand', sans-serif; height: auto } .welcome .welcome-watermark { height: auto } .welcome { background-color: #7f9cf5; background-image: url(../images/illustration-visio.png); background-repeat: no-repeat; background-position: bottom right; background-size: 650px auto; } .welcome .welcome-watermark .watermark.leftwatermark { width: 270px; height: 80px; max-width: auto !important; max-height: auto !important; } .welcome .header { background: none; } .welcome .welcome-page-settings .jitsi-icon svg { background: #4fd1c5 } .welcome .welcome-page-settings .jitsi-icon svg:hover { background: #7f9cf5 } .welcome .header .header-container { max-width: 1340px; margin: 140px auto 0 auto; padding: 0 } .welcome .header .header-text-title { text-align: left; font-size: 4rem; } .welcome .header .header-text-subtitle { font-size: 1.7rem; font-weight: 400; } .welcome .header #enter_room { width: auto; margin: 2rem 0; } .welcome .welcome-cards-container { width: 100%; max-width: 1340px; margin: 20px auto 0 auto; padding: 0 } .welcome .welcome-card-row { justify-content: start; padding: 0 } .welcome .welcome-footer { padding-left: 200px; background: #e6fffa; color: #333; font-size: 1rem; } .welcome .welcome-footer-centered { max-width: none; } .welcome .welcome-footer-padded::before { content: "Powered by Jitsi Meet" } .welcome .welcome-footer-row-block { display: none } /* TODO RESPONSIVE */ @media (min-width: 576px) {} @media (min-width: 768px) {} @media (min-width: 992px) {} @media (min-width: 1200px) {} @media (min-width: 1400px) {}