@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: #eb8739; --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)}
}