html,body {
  height: 100%;
}

/*Fuentes*/

@font-face {
    font-family: 'DIN Pro';
    src: url('fuentes/DINPro.woff2') format('woff2'),
        url('fuentes/DINPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro Condensed';
    src: url('fuentes/DINPro-CondensedMedium.woff2') format('woff2'),
        url('fuentes/DINPro-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fuentes/DINPro-Bold.woff2') format('woff2'),
        url('fuentes/DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro Condensed';
    src: url('fuentes/DINPro-CondensedBold.woff2') format('woff2'),
        url('fuentes/DINPro-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro Condensed';
    src: url('fuentes/DINPro-CondensedLight.woff2') format('woff2'),
        url('fuentes/DINPro-CondensedLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fuentes/DINPro-Medium.woff2') format('woff2'),
        url('fuentes/DINPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro Condensed';
    src: url('fuentes/DINPro-CondensedRegular.woff2') format('woff2'),
        url('fuentes/DINPro-CondensedRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fuentes/DINPro-Light.woff2') format('woff2'),
        url('fuentes/DINPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

.filtro{
  background-position: top center;
  background-repeat: repeat;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  background-color: rgba(13, 21, 30, 0.90);
  background-image: url("images/motivo.png");
}

h1{
  margin: 50px;
  text-transform: uppercase;
  font-family: 'DIN Pro Condensed';
  font-weight: 900;
  color: white;
}

.red{
  padding: 10px;
}