@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src:
    local(""),
    url("../font/lato-v23-latin-regular.woff2") format("woff2"),
    url("../font/lato-v23-latin-regular.woff") format("woff")
}

@font-face {
  font-family: "BRLNSR";
  src:
    local(""),
    url("../font/BRLNSR.woff") format("woff")
}

:root {
  --main-color: #c06014;
  --main-font: "Lato";
  --main-headings-font: "BRLNSR"
}

.mr-grid {
  max-width: 100%
}
.header,.content {
  max-width: 1440px;
  margin: 0 auto !important
}
.social img {
  margin: 0 8px
}
footer {
  background: var(--border-color)
}
a {
  text-decoration: none
}
.card h1 {
  padding-bottom: 15px;
  position: relative
}
.card h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: var(--main-color)
}
.card h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: var(--main-color)
}

@media only screen and (min-width: 36rem) {
  .mr-grid {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0 auto;
  }
  footer {
    flex: 0 !important;
    padding-left: calc(var(--main-padding) * 2);
    padding-right: calc(var(--main-padding) * 2)
  }
}