@font-face {
    font-family: 'Bebas Neue';
    src: url('res/font/BebasNeue-Regular.ttf');
}

h1 {
    font-family: "Bebas Neue";
    font-size: 100px;
    line-height: 0.8;
}

hr.solid {
    border-top: 3px solid #000;
    width: 40%;
}

hr.product {
    border-top: 1px solid #000;
    width: 80%;
}

.bigOnMobile {
    width: 50%;
}

.bigOnMobile2 {
    width: 90%;
}

.product {
    border: black 4px solid; 
    width: 40%;
    flex-wrap: wrap;
    margin-top: 60px;
}

.price {
    font-size: 80px;
}

.productimg {
    flex-basis: auto;
}

.paralax {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1)),
              linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255, 0.1) 95%, rgba(255,255,255, 1)),
              linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255, 0.1) 95%, rgba(255,255,255, 1)),
               url(res/image/deccy.png);

    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 1366px) {
  h1 {
    font-size: 70px;
  }

  hr.solid {
    width: 70%;
  }

  hr.product {
    width: 80%;
  }

  .product {
    width: 95%;
    }

    .bigOnMobile {
    width: 95%;
    }

    .bigOnMobile2 {
    width: 95%;
    }

    .price {
    font-size: 60px;
}


}