.description-dro { max-width: 1000px; } .description-dro h3 { font-size: 24px; font-weight: bold; text-align: center; } .description-dro p { font-size: 19px; text-align: center; } .description-dro table { border-collapse: collapse; margin-top: 40px; width: 100%; } .description-dro td { padding: 8px; height: 20px; } .description-dro tr:nth-child(even) { background-color: #f0eeee; } .description-dro td:nth-child(1) { width: 50%; text-align: right; fonttipaino: lihavointi; } .description-dro td:nth-child(1) { } width: 50%; text-align: oikealle; } .description-dro td:nth-child(2) { } width: 50%; text-align: vasemmalle; } .description-dro img { } display: block; align-items: center; margin: 0 auto; width: auto; max-width: 100%; max-height: 300px; } #description-dro-top-image { } border-radius: 25px 25px 0 0; max-height: max-content; } #description-dro-banner-image { } max-height: max-content; width: 95%; vasen reunus: 2,5 %; reunuksen säde: 20 pikseliä; } #description-dro-title { fonttikoko: 27 pikseliä; tausta: -webkit-linear-gradient(white, #3d3d3d); tausta-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #description-dro-text-left-image-right { näyttö: flex; align-items: center; flex: 1; margin-left: auto; } #description-dro-text-right-image-left { näyttö: flex; align-items: center; flex: 1; margin-left: auto; } #opis-dro-text-right-image-left kuva { vasen reunus: 30 pikseliä; alareunus: 30 pikseliä; yläreunus: 30px; #opis-dro-text-left-image-right img { oikeareunus: 30px; alareunus: 30px; yläreunus: 30px; #description-dro-textbox { vasenreunus: 20px; oikeareunus: 20px; #description-dro-textbox h3 { fonttikoko: 27px; väri: #f8f8f8; #description-dro-round-image { reunuksen säde: 20px; .description-dro-blackbox { taustaväri: #c1cad9; väri: #f8f7f7; reunuksen säde: 40px; } .opis-dro-blackbox p, .opis-dro-blackbox h3 { reunus-vasen: 25px; reunus-oikea: 25px; fonttiperhe: "PT Sans", sans-serif !important; fontti: "PT Sans", sans-serif !important; } .description-dro-blackbox p { padding-bottom: 20px; } .description-dro-blackbox hr { reunus-vasen: 30px; reunus-oikea: 30px; reunus: kiinteä 2px; reunuksen säde: 9px; reunuksen väri: #ffffff .description-dro-blackbox #whitepart, #whitepart h3 { taustaväri: #b0bdcf; reunus: 0; väri: #5a5252; } .description-dro-blackbox #whitepart { padding-top: 30px; width: 95%; marginaali-left: 2.5%; border-radius: 20px; } @media vain näyttö ja (max-width: 800px) { #description-dro-text-right-image-left { display: inline; } #description-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; } }