.hn {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.h13 {
  margin-top: 0.4em;
  margin-bottom: 0.25em;
  font-weight: bold;
  font-family: 'Termina', sans-serif;
}
.h46 {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.mestska-cast > header {
  margin: auto auto 2em;
  position: relative;
  text-align: left;
  max-width: 78rem;
  width: 96%;
  padding-left: 9em;
}
.mestska-cast > header h1 {
  margin-bottom: 0.5em;
  font-family: 'Montserrat', sans-serif;
}
.mestska-cast > header img {
  width: 6.5em;
  position: absolute;
  left: 0;
}
section.mc__text {
  padding-bottom: 2em;
  padding-top: 2em;
}
section.mc__content {
  width: 96%;
  max-width: 78rem;
  margin: 0 auto;
  padding-bottom: 3em;
}
section.mc__content h2 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  font-family: 'Montserrat', sans-serif;
}
section.mc__content .mc__contact-info {
  min-height: 3em;
  margin: auto auto 2em;
  padding-left: 9em;
}
section.mc__content .info > li {
  margin-bottom: 1em;
}
section.mc__content .info .links {
  display: flex;
  align-items: center;
}
section.mc__content .info .links a + a {
  margin-left: 2em;
}
section.mc__content .contacts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: -1em;
}
section.mc__content .contacts > li {
  margin-left: 1em;
}
@media all and (max-width: 80.25em) {
  section.mc__content .contacts {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
  }
  section.mc__content .contacts > li {
    margin-left: 0;
  }
}
@media all and (max-width: 40em) {
  section.mc__content .contacts {
    align-items: stretch;
  }
}
.page--mestske-casti .mestske-casti {
  width: 96%;
  max-width: 78rem;
  margin: 0 auto;
}
.page--mestske-casti .mestske-casti > header {
  text-align: center;
}
.page--mestske-casti .mestske-casti > header .flex {
  justify-content: center;
}
.page--mestske-casti .mestske-casti > header .subtitle {
  margin-bottom: 2em;
}
.page--mestske-casti .mestske-casti > header p:not(.subtitle) {
  max-width: 26em;
  text-align: left;
}
@media all and (max-width: 50rem) {
  .page--mestske-casti .mestske-casti > header svg {
    max-width: 7em;
  }
}
section.mc__list {
  padding: 3em 0;
}
section.mc__list .mestske-casti {
  width: 96%;
  max-width: 78rem;
  margin: 0 auto;
}
section.mc__list h2 {
  margin-bottom: 1.5em;
}
section.mc__candidates {
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: white;
}
.mestske-casti-list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-left: -1em;
  width: calc(100% + 2em);
}
.mestske-casti-list > li {
  margin: 1em;
}
.mestska-cast--teaser {
  font-size: 1.125em;
  font-weight: bold;
  width: calc((78rem / 4) - 1.5em);
  height: 8.1875em;
  background-color: white;
  transition: box-shadow 200ms ease-in;
}
.mestska-cast--teaser > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mestska-cast--teaser > a:hover {
  text-decoration: none;
}
.mestska-cast--teaser img {
  max-width: 20%;
  margin-right: 1em;
}
.mestska-cast--teaser:hover {
  box-shadow: 0 0.625em 1.25em rgba(63, 78, 85, 0.3);
}
@media all and (max-width: 35rem) {
  .mestska-cast > header {
    display: flex;
    padding: 0;
  }
  .mestska-cast > header img {
    position: static;
    margin-right: 1em;
  }
  section.mc__content .mc__contact-info {
    padding-left: 0;
  }
}