.opis-dro { max-bredd: 1000px; } .opis-dro h3 { font-size: 24px; font-weight: bold; text-align: center; } .opis-dro p { font-size: 19px; text-align: center; } .opis-dro tabell { border-collapse: collapse; margin-top: 40px; width: 100%; } .opis-dro td { padding: 8px; height: 20px; } .opis-dro tr:nth-child(even) { background-color: #f1f1f1; } } .opis-dro td:nth-child(1) { width: 50%; text-align: right; font-weight: bold; } .opis-dro td:nth-child(1) { width: 50%; text-align: right; font-weight: bold; } .opis-dro td:nth-child(2) { width: 50%; text-align: left; } .opis-dro img { display: block; align-items: center; margin: 0 auto; width: auto; max-width: 100%; max-height: 300px; } #opis-dro-top-image { border-radie: 0px 0px 0 0; max-height: max-content; } #opis-dro-banner-image { max-height: max-content; width: 95%; margin-left: 2.5%; border-radie: 20px; } #opis-dro-title { font-size: 27px; } #opis-dro-text-left-image-high { display: flex; align-items: center; flex: 1; margin-left: auto; } #opis-dro-text-höger-image-left { display: flex; align-items: center; flex: 1; margin-left: auto; } #opis-dro-text-höger-image-left img { margin-left: 30px; margin-nedre: 30px; margin-topp: 30px; } #opis-dro-text-left-image-high img { margin-höger: 30px; margin-nedre: 30px; margin-topp: 30px; } #opis-dro-textbox { margin-left: 20px; margin-höger: 20px; } #opis-dro-textbox h3 { font-size: 24px; } #opis-dro-rund-bild { border-radie: 20px; } .opis-dro-blackbox { background-color: #ffffff; color: #030303; border-radie: 40px; } .opis-dro-blackbox p, .opis-dro-blackbox h3 { margin-left: 25px; margin-right: 25px; font-family: "PT Sans", sans-serif !important; font: "PT Sans", sans-serif !important; } .opis-dro-blackbox p { padding-bottom: 20px; color: #050505; } .opis-dro-blackbox hr { margin-left: 30px; margin-right: 30px; } .opis-dro-blackbox #whitepart, #whitepart h3 { background-color: #1c7236; margin: 0; color: #070707; } .opis-dro-blackbox #whitepart { padding-top: 30px; width: 95%; margin-left: 2.5%; border-radie: 20px; } #opis-dro-video-sidewrapper video { height: 300px; margin: 30px; } @endast media skärm och (max-width: 959px) { #opis-dro-text-right-image-left { display: inline; } #opis-dro-text-left-image-right { display: inline; } #opis-dro-text-right-image-left img { margin: auto; margin-top: 30px; } #opis-dro-text-left-image-right img { margin: auto; margin-bottom: 30px; padding-bottom: 20px; } #opis-dro-video-sidewrapper video { display: block; margin: auto; } } .opis-dro-video { display: flex; justify-content: center; } .opis-dro-video .opis-dro-video-wrapper { position: relativ; bredd: 75%; padding-bottom: 42.2%; } .opis-dro-video video { position: absolut; topp: 0; vänster: 0; bredd: 100%; höjd: 100%; } .opis-dro-filler { bredd: auto !viktigt; höjd: auto !viktigt; max-höjd: ingen !viktigt; } .opis-dro-filler2 { bredd: 75% !viktigt; höjd: 75% !viktigt; max-höjd: ingen !viktigt; }