Opis

.opis-dro {
max-width: 1000px;
}
.opis-dro h3 {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.opis-dro p {
font-size: 19px;
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: #f0eeee;
}
.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-radius: 25px 25px 0 0;
max-height: max-content;
}
#opis-dro-banner-image {
max-height: max-content;
width: 95%;
margin-left: 2.5%;
border-radius: 20px;
}
#opis-dro-title {
font-size: 27px;
background: -webkit-linear-gradient(white, #3d3d3d);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#opis-dro-text-left-image-right {
display: flex;
align-items: center;
flex: 1;
margin-left: auto;
}
#opis-dro-text-right-image-left {
display: flex;
align-items: center;
flex: 1;
margin-left: auto;
}
#opis-dro-text-right-image-left img {
margin-left: 30px;
margin-bottom: 30px;
margin-top: 30px;
}
#opis-dro-text-left-image-right img {
margin-right: 30px;
margin-bottom: 30px;
margin-top: 30px;
}
#opis-dro-textbox {
margin-left: 20px;
margin-right: 20px;
}
#opis-dro-textbox h3 {
font-size: 27px;
color: #f8f8f8;
}
#opis-dro-round-image {
border-radius: 20px;
}
.opis-dro-blackbox {
background-color:#c1cad9;
color: #f8f7f7;
border-radius: 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;
}
.opis-dro-blackbox hr {
margin-left: 30px;
margin-right: 30px;
border: solid 2px;
border-radius: 9px;
border-color: #ffffff
}
.opis-dro-blackbox #whitepart, #whitepart h3 {
background-color: #b0bdcf;
margin: 0;
color: #5a5252;
}
.opis-dro-blackbox #whitepart {
padding-top: 30px;
width: 95%;
margin-left: 2.5%;
border-radius: 20px;
}
@media only screen and (max-width: 800px) {
#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;
}
}