@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@font-face {
  font-family: AkkuratPro;
  src: url('fonts/AkkuratPro-Regular.otf');
}
@font-face {
  font-family: AkkuratPro;
  font-weight: 300;
  src: url('fonts/Akkurat-Light.ttf');
}
@font-face {
  font-family: Brussels;
  src: url('fonts/Brussels Regular.ttf');
}
:root {
  --font-primary: 'Lato', sans-serif;
  --font-secondary: 'AkkuratPro', sans-serif;
  --font-tertiary: 'Brussels', sans-serif;
}
body{
  width: 100%;
  margin:0px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: var(--font-primary);
}
form{
  margin: 0px;
}
div{
  box-sizing: border-box;
}
a{
  text-decoration: none;
  color:initial;
}
ul{
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
.Alert-Flag-Danger{
  width: 100%;
  background: #ffc6ca;
  color:#ff0010;
  text-align: center;
  padding: 20px 0px;
}
.Alert-Flag-Success{
  width: 100%;
  background: #86FF94;
  color:#18985E;
  text-align: center;
  padding: 20px 0px;
}
.Close-Alert-Button{
  display: block;
  float: right;
  margin-right: 20px;
  margin-top:3px;
  margin-left: -40px;
}
.Mobile{
  display: initial;
}
.Desktop{
  display: none !important;
}
@media only screen and (min-width: 768px) {
.Mobile{
  display: none !important;
}
.Desktop{
  display: initial !important;
}
}