@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Poppins:400,500&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}
.bg-img{
  /* background: url('bg.jpg'); */
  height: 100vh;
  background-size: 100vw 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;

  background-image:
  linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,0,0,0.8)),
  url(bg.jpg);

  /* background-color: rgba(255,255,0,.5);
  background-blend-mode: multiply; */


/* 
  background: url('bg.jpg');
  height: 100vh;
  background-size: cover;
  background-position: center; */
}
.bg-img:after{
  position: absolute;
  /* content: ''; */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.7);
}

/* .content{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  text-align: center;
  padding: 60px 32px;
  width: 370px;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,0.04);
  box-shadow: -1px 4px 28px 0px rgba(0,0,0,0.75);
}
.content header{
  color: white;
  font-size: 33px;
  font-weight: 600;
  margin: 0 0 35px 0;
  font-family: 'Montserrat',sans-serif;
} */