/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
aside {
  display: block;
}

.site-service {
  position: fixed;
  z-index: 999;
}

.flag-container {
  position: relative;
  padding: 12px 0;
}

.flag-content {
  padding: 0 6px;
}

.site-service div.flag-container {
  position: relative;
  margin-bottom: 0.5em;
  opacity: 0.9;
}

.site-service div.flag-container:hover,
.site-service div.flag-container:focus {
  opacity: 1;
}

.site-service div.flag-container a {
  display: flex;
}

.site-service .fa {
  font-size: 50px;
}

.site-service .service-text {
  float: left;
}

.site-service .service-text h4 {
  font-size: 16px;
  font-weight: 600;
}

.site-service .service-text p {
  margin: 0;
}

.flag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}

.flag-icon svg {
  height: 40px;
  width: 40px;
  aspect-ratio: auto;
}