@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap'); @media (max-width: 680px) { /* * We reduce the base font size on the tag from the default 16px to 14px. * This proportionally scales down all h1, h2, and p tags defined in 'rem' units. */ .epkContentBlock, body { /* font-size: 13px !important; */ } } p { font-size: 1.0em !important; } .clean-link, .clean-link:visited, .clean-link:hover, .clean-link:active { color: #26262b; text-decoration: none; } .clean-link:hover, .clean-link:focus { color: #000000; text-decoration: underline; /* Optional: Re-add underline on hover for clarity */ } .clean-link:active { color: #26262b; /* Optional: A slightly darker shade while being clicked */ } .responsive-video-container { /* Centers the container block */ margin-left: auto; margin-right: auto; max-width: 800px; /* Adjust this to your preferred max video size */ /* The Responsive Trick: */ position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio (9/16 = 0.5625) */ height: 0; overflow: hidden; } .responsive-video-container iframe { /* Forces the iframe to fill the container defined by the padding-bottom trick */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-dark-overlay { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../images/back.alt.jpg'); } .logoControl { max-width: 700px; margin: 0 auto; } .epkContentBlock { font-family: 'Inter', sans-serif; max-width: 1000px; margin: 0 auto; background-image:url(../../images/bg-opaque-white.png); background-size:cover; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; padding: 25px 40px; }