.description { padding: .description .section { padding: 11px; box-sizing: border-box; max-width: 1200px; } .description .section { padding: 15px 0; } @media (max-width: 900px) { .description .section .item-6:nth-child(1) { padding-bottom: 10px; } } @media (min-width: 901px) { .description .section { display: flex; align-items: center; } .description .item-6 { width: 50%; float: left; position: relative; min-height: 1px; } } .description , .::after, .description ::before { box-sizing: border-box; } .description .item { padding-left: 15px; padding-right: 15px; } .description .item-12 { width: 100%; min-height: 1px; } .description .text-item h1, .description .text-item h2 { display: block; font-family: „Roboto“, „Open Sans“, sans-serif / akonáhle bude písmo Roboto globálne dostupné na stránkach allegro, tento fallback už nebude potrebný */; font-weight: 500; margin: 18px 0; } .description .text-item p { margin: 16px 0; word-wrap: break-word; } .description .text-item h1 { color: #4444; font-size: 24px; line-height: 24px; } .description .text-item h2 { color: #4444; font-size: 18px; line-height: 18px; } .description .text-item ol, .description .text-item ul { padding-left: 40px; margin: 16px 0; } .description .text-item { color: #444444; font-family: „Open Sans“, sans-serif; font-size: 16px; line-height: 22px; width: 100%; word-wrap: break-word; } .description .image-item img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .description .video-item .yt-container { margin-left: auto; margin-right: auto; max-width: 853px; } .description .video-item .yt-responsive-container { position: relative; padding-bottom: 56,25%; padding-top: 30px; height: 0; overflow: hidden; } .description .video-item .yt-container .yt-responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hidden { display: none; }