.description { padding: 11px; laatikon koko: border-box; suurin leveys: 1200 pikseliä; } .description .section { padding: 15px 0; } @media (enintään leveys: 900 pikseliä) { .description .section .item-6:nth-child(1) { täyte-ala: 10px; } } @media (min-leveys: 901px) { .description .section { näyttö: flex; kohdista kohteet: keskellä; } .description .item-6 { leveys: 50%; kellua: vasen; sijainti:suhteellinen; min-korkeus: 1px; } } .description *, .description *::after, .description *::before { box-sizing: border-box; } .description .item { padding-left: 15px; täyte-oikea: 15px; } .description .item-12 { leveys: 100%; min-korkeus: 1px; } .description .text-item h1, .description .text-item h2 { display: block; font-family: "Roboto", "Open Sans", sans-serif /* kun Roboto-fontti on saatavilla maailmanlaajuisesti allegro-sivustoilla, tätä varavaihtoehtoa ei enää tarvita */; fontin paino: 500; marginaali: 18px 0; } .description .text-item p { margin: 16px 0; word-wrap: break-word; } .description .text-item h1 { color: #444444; fonttikoko: 24px; rivin korkeus: 24 kuvapistettä; } .description .text-item h2 { color: #444444; fonttikoko: 18px; rivin korkeus: 18 kuvapistettä; } .description .text-item ol, .description .text-item ul { täyte-vasen: 40px; marginaali: 16px 0; } .description .text-item { color: #444444; font-family: "Open Sans", sans-serif; fonttikoko: 16px; rivin korkeus: 22 kuvapistettä; leveys: 100 %; word-wrap: break-word; } .description .image-item img { display: block; marginaali vasen: auto; marginaali-oikea: auto; suurin leveys: 100 %; } .description .video-item .yt-container { margin-left: auto; marginaali-oikea: auto; suurin leveys: 853 kuvapistettä; } .description .video-item .yt-responsive-container { position: suhteellinen; pehmuste-pohja: 56,25 %; täyte-top: 30px; korkeus: 0; ylivuoto: piilotettu; } .description .video-item .yt-container .yt-responsive-container iframe { sijainti: absoluuttinen; alkuun: 0; vasen: 0; leveys: 100 %; korkeus: 100%; } .hidden { näyttö: ei mitään; }