.mb100 {
margin-bottom: 100px;
}
.mt100 {
margin-top: 100px;
}
#map {
display: block;
position: relative;
margin: auto;
margin-top: 100px;
height: calc(100vh - 120px);
width: calc(100vw - 360px);
z-index: 0;
overflow: hidden;
}
#marker-content {
width: 425px;
padding: 4px;
border-radius: 8px;
color: black;
}
#marker-content table, 
#marker-content td, 
#marker-content th {
border-style: none;
}
#marker-content td {
padding: 4px !important;
}
#marker-content .marker-customer-name {
display: block;
font-size: 18px;
font-weight: 1000;
margin-bottom: 30px;
padding: 4px;
padding-bottom: 0;
}
#marker-content .marker-customer-info-header {
display: block;
font-size: 15px;
font-weight: 600;
}
#marker-content .marker-customer-info {
font-size: 15px;
}
.marker-customer-footer {
color: grey;
font-size: 12px;
font-weight: 700;
}
.marker-customer-footer button {
color: white;
background-color: #1d87d0;
border-radius: 0;
padding: .4em 1em .4em;
font-size: 15px;
}
#map-customer-info-name {
color: black;
font-size: 42px;
font-weight: 700;
margin-bottom: 30px;
}
.map-customer-info-description,
.map-customer-info-hours 
{
color: black;
}
.map-customer-info-service-icon {
font-size: 50px;
width: 300px;
height: 100%;
text-align: center;
margin-bottom: 100px;
color: black;
}
.map-customer-info-service-name {
font-size: 18px;
white-space: nowrap;
overflow: hidden;
}
#map-customer-map {
display: block;
position: relative;
margin: auto;
margin-top: 50px;
margin-bottom: 100px;
height: 500px;
width: calc(100vw - 360px);
z-index: 0;
overflow: hidden;
}
.map-customer-info-hours table,
.map-customer-info-hours th,
.map-customer-info-hours td {
text-align: left;
border: none;
}
.sale-point-info {
margin-top: 50px;
}
.sale-point-info .sale-point-info-header {
color: black;
font-size: 1.6em;
font-weight: 700;
}
.sale-point-info-desc {
color: black;
font-weight: 500;
}
.sale-point-info-map {
display: block;
position: relative;
margin: auto;
margin-top: 30px;
height: 300px;
width: 500px;
z-index: 0;
overflow: hidden;
}
@media (max-width: 768px) {
#map {
top: 0;
left: 0;
height: calc(100vh - 55px);
width: 100vw;
}
#marker-content {
width: 260px;
padding: 4px;
border-radius: 8px;
color: black;
}
.marker-customer-footer button {
margin-bottom: 5px;
}
#map-customer-info-name {
text-align: center;
color: black;
font-size: 42px;
font-weight: 700;
margin-bottom: 30px;
}
.map-customer-info-description,
.map-customer-info-hours 
{
color: black;
text-align: center;
}
#map-customer-map {
display: block;
position: relative;
margin: auto;
margin-top: 50px;
margin-bottom: 100px;
height: 500px;
width: 100%;
z-index: 0;
overflow: hidden;
}
.map-customer-info-service-icon {
font-size: 50px;
width: 300px;
height: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
#map-customer-info {
margin-left: auto;
margin-right: auto;
}
}