#container {
margin-left: auto;
margin-right: auto;
max-height: 800px;
max-width: 500px;
border: 1px solid black;
-webkit-box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.43);
-moz-box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.43);
box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.43);
background: url(//sternweber.pl/wp-content/plugins/swp-service/widgets/assets/img/tlo.png);
background-repeat: inherit;
}
#top-logo {
height: 100px;
padding: 20px 0;
text-align: center;
}
#top-logo img {
margin: 0 auto
}
#wrapper {
height: 300px;
max-width: 500px;
}
.stalyTekst {
color: black;
}
.zmiennyTekst {
color: black;
font-weight: bold;
}
#stopka {
height: 40px;
background-color: #0072bb;
color: white;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
#lokalizacja {
height: 55px;
background-color: #0072bb;
color: white;
font-size: 24px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#dane {
font-size: 15px;
text-align: left;
margin: 15px;
}
.text_legit {
margin-bottom: 10px;
}
#photo {
width: 100%;
height: 100%;
text-align: center;
}
#photo img {
margin: 0 auto;
border-radius: 50%;
padding: 25px;
max-width: 300px;
max-height: 300px;
}
@media (max-width: 780px) {
#container {
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
}
#dane {
margin-left: 25px;
font-size: 14px;
}
#stopka {
font-size: 14px;
}
} .serwis_container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 15px;
grid-row-gap: 15px;
width: 100%;
}
.serwis {
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr 2fr;
}
.wojewodztwo {
background: #007ac2;
grid-column-start: 1;
grid-column-end: 3;
height: fit-content;
font-weight: bold;
padding: 10px;
}
.wojewodztwo b {
color: #fff;
margin-top: 16px;
}
.miasta-ikony {
background: rgba(211, 211, 211, 0.52);
grid-row-start: 2;
grid-row-end: 3;
padding: 10px;
}
.miasta-ikony img {
height: 40px !important;
margin-left: 5px;
margin-bottom: 10px;
float: left;
}
.serwisanci {
padding: 15px 0;
background: rgba(128, 128, 128, 0.28);
grid-row-start: 2;
grid-row-end: 3;
color: #007ac2;
font-weight: bold;
}
.serwisanci label {
font-weight: bold;
margin-left: 20px;
color: #007ac2;
margin-bottom: 0;
}
.serwisanci > ul {
list-style-type: none;
margin: unset;
font-family: Lato, sans-serif !important;
}
.serwisanci > ul > li a {
color: #003469;
text-decoration: none;
font-weight: normal;
}
@media (max-width: 780px) {
.serwis_container {
display: grid;
grid-template-columns: 1fr;
}
.serwis {
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 2fr 5fr;
}
} #service-map {
width: 100%;
height: 870px;
}
@media (max-width: 780px) {
#service-map {
height: 400px !important;
}
}