@font-face {
font-family: creato;
font-style: normal;
font-weight: normal;
src: url(../fonts/creato_display/CreatoDisplay-Bold.otf);
}

@font-face {
  font-family: BEBAS__;
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/bebas/BEBAS__.ttf);
}

@font-face {
  font-family: Bebas-Regular;
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/bebas/BebasNeue-Regular.ttf);
}

@font-face {
  font-family: Bebas-Bold;
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/bebas/BebasNeue-Bold.ttf);
}

*,*:before, *:after{
  box-sizing:inherit;
}

*{  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;

}

html{
  box-sizing: border-box;
  background: #e1e1e1;
  }

body{
    width: 100vw;
    background: url('../images/pattern-88ds.jpg')  ;
    background-repeat: repeat;
    margin:0px;
  }

main{
  left: 0px;
  width: 100vw;
  z-index: 1;
  }


a:link, a:visited, a:hover, a:active{
  text-decoration: none;
  color:#fff;
  }


.contenedor{
  margin-left: auto;
  margin-right: auto;
  }