.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: #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-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;
color: ;
}
#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: 24px;
color: #1B3453;
}
#opis-dro-round-image {
border-radius: 20px;
}
.opis-dro-blackbox {
background-color: #E5DFDC;
color: #302c21;
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: #302c21;
}
.opis-dro-blackbox #whitepart, #whitepart h3 {
background-color: #706f6f;
margin: 0;
color: #000000;
}
.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;
}
}
