body{
  background-color: #FDFDFD;
  text-align: center;
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
button{
  padding: 0;
  border: 0;
  background-color: transparent;
  text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  transition: all 0.395s;
}
button:hover, a:hover{
  cursor: pointer;
}
p{
  margin: 0;
}
a{
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.395s;
}
input, input:active, input:focus, input::placeholder{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
textarea, textarea:active, textarea:focus{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  outline: none;
}
textarea::placeholder{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.d-none{
  display: none !important;
}

@media (min-width: 768px){
  .d-none-d{
    display: none !important;
  }
}
@media (max-width: 767px){
  .d-none-m{
    display: none !important;
  }
}

/* Prevent a visible resize flash while image dimensions are being resolved. */
.picture-c-js {
    display: flex;
    justify-content: center;
    align-items: center;
}

.picture-c-js > .picture-js:not(.service-picture) {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}