.opis-dro h3, .opis-dro h2, .opis-dro h1, .opis-dro h4 { font-size: 20px; font-weight: bold; text-align: center; } .opis-dro h2 { margin: 5px; } .opis-dro h1 { font-size: 24px; } .opis-dro h4 { font-size: 22px; margin: 5px; } .opis-dro p { font-size: 17px; text-align: center; } .opis-dro table { 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; transition: 0.5s ease; margin-top: 30px; margin-bottom: 30px; } .opis-dro img:hover{ -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); transition: 0.5s ease; } .opis-dro-video { display: flex; justify-content: center; } .opis-dro-video .opis-dro-video-wrapper { position: relative; width: 75%; padding-bottom: 42.2%; } .opis-dro-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
Clear Case
Maksymalna ochrona, minimalistyczna forma