@font-face {
  font-family: "ObservatorioNacionalSans";
  src: url("../fonts/ObservatorioNacionalSans-Light.16cc003d2d8a.ttf");
}
@font-face {
  font-family: "ObservatorioNacionalSansRegular";
  src: url("../fonts/ObservatorioNacionalSans-Regular.840a13d6382f.ttf");
}
@font-face {
  font-family: "ObservatorioNacionalSansMedium";
  src: url("../fonts/ObservatorioNacionalSans-Medium.ea9240c06e59.ttf");
}
@font-face {
  font-family: "ObservatorioNacionalSansSemibold";
  src: url("../fonts/ObservatorioNacionalSans-SemiBold.31b26730ed15.ttf");
}

@font-face {
  font-family: "ObservatorioNacionalSansBold";
  src: url("../fonts/ObservatorioNacionalSans-Bold.5a7319da71a0.ttf");
}

body {
  font-family: "ObservatorioNacionalSans", sans-serif !important;
  margin: 0;
  padding: 10px 0 0 0;
  background: url("../img/background.b3287d929e45.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top center;
  margin: auto !important;
  width: 90vw;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 1152px;
}

@media (min-width: 1024px) {
  body {
    background-size: cover;
  }
}

html {
  width: 100vw;
  .modal-open {
    padding-right: 0 !important;
  }
}