|
.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: #f1ebeb;
}
.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;
}
#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: #f8f8f8;
}
#opis-dro-round-image {
border-radius: 20px;
}
.opis-dro-blackbox {
background-color: #ffffff;
color: #030303;
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: #ebebeb
}
.opis-dro-blackbox #whitepart, #whitepart h3 {
background-color: #555555;
margin: 0;
color: #1b2a4a;
}
.opis-dro-blackbox #whitepart {
padding-top: 30px;
width: 95%;
margin-left: 2.5%;
border-radius: 20px;
}
#opis-dro-video-sidewrapper video {
height: 300px;
margin: 30px;
}
.opis-dro-video {
display: flex;
justify-content: center;
margin-top: 20px !important;
}
.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%;
}
.opis-dro-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@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;
}
}
<h3 style="color: #000000;">Mercury Soft </h3>
<p>Mercury Soft - modern case design in pastel colors. The matte cover is made from high-quality elastic TPU material. This case is delicate enough to leave a great impression of softness in the hands, while providing maximum protection for the device. With a perfect fit for the device's size, we are guaranteed protection against external damage. The delicacy of the case ensures the highest comfort when handling the device.</p>
<tr>
<td colspan="2">
<h3>Technical Data</h3>
</td>
</tr>
<tr>
<td>Manufacturer</td>
<td>Mercury</td>
</tr>
<tr>
<td>Type</td>
<td>Case</td>
</tr>
<tr>
<td>Compatibility</td>
<td>Samsung Galaxy A16
</tr>
<tr>
<td>Material</td>
<td>TPU
</tr>
<tr>
<td>Color</td>
<td>Midnight blue</td>
|