@font-face {
  font-family: 'RomieRegular';
  src: url('../fonts/RomieRegular/font.woff2') format('woff2'),
       url('../fonts/RomieRegular/font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SofiaProBold';
  src: url('../fonts/SofiaProBold/font.woff2') format('woff2'),
       url('../fonts/SofiaProBold/font.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'SofiaProLight';
  src: url('../fonts/SofiaProLight/font.woff2') format('woff2'),
       url('../fonts/SofiaProLight/font.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
html {
  background-color: #fff;
  font-size: 16px;
}
body {
  font-family: 'SofiaProLight', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #1D1D1B;                
}
p {
  line-height: 1.25em;
}
address, dl, fieldset, figure, ol, p, pre, ul {
  margin: 0 0 0.5em 0;
}
* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
  margin-top: 0.5em;
}
h1, .uk-modal h2 {
  font-family: 'RomieRegular', sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  margin: 0;
  color: #1D1D1B;
  text-transform: uppercase;
  line-height: 1.125em;
}
h2, .uk-modal h3 {
  font-family: 'SofiaProBold', sans-serif;
  font-weight: 700;
  font-size: 1em;
  margin: 0;
  color: #1D1D1B;
  line-height: 1.25em;
}
.uk-modal h3 {
  margin-top: 1em;
}
a {
  color: #1D1D1B;
  text-decoration: underline;
}
a:hover {
  color: #1D1D1B;
}
strong {
  font-family: 'SofiaProBold', sans-serif;
  font-weight: 700;
}
.logo {
  width: calc(18vw + 100px);
  margin: calc(1vw + 10px) 0 !important;
}
.dark {
  color: #1D1D1B;
  background-color: #D5E2DE;
}
.uk-panel { 
  padding: 1em;
  background-color: #fff;
}
section {
  padding: 3em 0;
}
footer {
  color: #fff;
  background-color: #1D1D1B;
  padding: 3em 0;
}
footer a {
  color: #fff;  
}
footer a:hover {
  color: #fff;
}

@media (min-width: 640px) {/* uikit s */
  html {
    font-size: 20px;
  }
  h1, .uk-modal h2 {
    font-size: 2em;
  }
}
@media (min-width: 960px) {/* uikit m */
  html {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {/* uikit l */

}