.description-dro { suurin leveys: 1000 pikseliä; } .description-dro h3 { fonttikoko: 24px; fontin paino: lihavoitu; tekstin tasaus: keskellä; } .description-dro p { fontin koko: 19px; tekstin tasaus: keskellä; } .description-dro table { border-collapse: romahtaa; marginaali yläreuna: 40px; leveys: 100 %; } .description-dro td { täyte: 8px; korkeus: 20px; } .description-dro tr:nth-child(even) { taustaväri: #f1f1f1; } .description-dro td:nth-child(1) { leveys: 50 %; tekstin tasaus: oikea; fontin paino: lihavoitu; } .description-dro td:nth-child(1) { leveys: 50 %; tekstin tasaus: oikea; fontin paino: lihavoitu; } .description-dro td:nth-child(2) { leveys: 50 %; tekstin tasaus: vasen; } .description-dro img { näyttö:block; kohdista kohteet: keskellä; marginaali: 0 auto; leveys: auto; suurin leveys: 100 %; enimmäiskorkeus: 300 pikseliä; } #description-dro-top-image { reunan säde: 25px 25px 0 0; max-korkeus: max-content; } #description-dro-banner-image { max-korkeus: max-content; leveys: 95 %; marginaali vasen: 2,5 %; reunan säde: 20px; } #description-dro-title { fonttikoko: 27px; tausta: -webkit-linear-gradient(valkoinen, #ff85c8); taustaleike: teksti; -webkit-background-clip: teksti; -webkit-text-fill-color: läpinäkyvä; } #description-dro-text-left-image-right { näyttö: flex; kohdista kohteet: keskellä; flex: 1; marginaali vasen: auto; } #description-dro-text-right-image-left { näyttö: flex; kohdista kohteet: keskellä; flex: 1; marginaali vasen: auto; } #opis-dro-text-right-image-left img { marginaali vasen: 30px; marginaali-ala: 30px; marginaali yläreuna: 30px; } #opis-dro-text-left-image-right img { marginaali-oikea: 30px; marginaali-ala: 30px; marginaali yläreuna: 30px; } #description-dro-textbox { marginaali vasen: 20px; marginaali-oikea: 20px; } #description-dro-textbox h3 { fonttikoko: 24px; väri: #fca8d6; } #description-dro-round-image { reunan säde: 20px; } .description-dro-blackbox { taustaväri: rgba(26, 26, 26, 1); väri: valkoinen; reunan säde: 40 pikseliä; } .opis-dro-blackbox p, .opis-dro-blackbox h3 { marginaali vasen: 25px; marginaali-oikea: 25px; font-family: "PT Sans", sans-serif !tärkeää; fontti: "PT Sans", sans-serif !tärkeää; } .description-dro-blackbox p { pehmuste-ala: 20px; } .description-dro-blackbox hr { marginaali vasen: 30px; marginaali-oikea: 30px; } .description-dro-blackbox #whitepart, #whitepart h3 { taustaväri: rgba(255, 255, 255, 1); marginaali: 0; väri: rgba(0, 0, 0, 1); } .description-dro-blackbox #whitepart { täyte-top: 30px; leveys: 95 %; marginaali vasen: 2,5 %; reunan säde: 20px; } .description-dro-video { näyttö: flex; justify-content:center; pehmuste-ala: 20px; } .dro-video description .dro-video-wrapper { sijainti:suhteellinen; leveys: 90 %; } .description-dro-video iframe { sijainti: absoluuttinen; alkuun: 0; vasen: 0; leveys: 100 %; korkeus: 100%; } .description-dro-video-wrapper video { leveys: 100 %; korkeus: 100%; } @media vain näyttö ja (enintään leveys: 800 kuvapistettä) { #description-dro-text-right-image-left { näyttö: inline; } #description-dro-text-left-image-right { näyttö: inline; } #opis-dro-text-right-image-left img { marginaali: auto; marginaali yläreuna: 30px; } #opis-dro-text-left-image-right img { marginaali: auto; marginaali-ala: 30px; pehmuste-ala: 20px; } }