@font-face {
  font-family: 'ReadexPro-Regular';
  src: url('../fonts/ReadexPro-Regular.eot');
  src: url('../fonts/ReadexPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ReadexPro-Regular.woff2') format('woff2'),
      url('../fonts/ReadexPro-Regular.woff') format('woff'),
      url('../fonts/ReadexPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ReadexPro-Bold';
  src: url('../fonts/ReadexPro-Bold.eot');
  src: url('../fonts/ReadexPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ReadexPro-Bold.woff2') format('woff2'),
      url('../fonts/ReadexPro-Bold.woff') format('woff'),
      url('../fonts/ReadexPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}






body{

  font-family: 'ReadexPro-Regular';
}

h1, h2, h3, h4, h5, h6{
  font-family: 'ReadexPro-Bold';
}

.introbg{

  background-image:url(../images/introbg.png);
  min-height: 100vh;
  background-size: cover;

}

.white{
  color:white;
}

.ptop{
  padding-top:100px ;
}

.redbtn{
  background-color:#EE101D ;
  border-radius:15px ;
  border:none;
  color:white;
  padding:5px 25px ;
  margin-top:20px ;
  font-size: 14px;
}

.whitebtn{
  background-color:rgba(255,255,255,0.2) ;
  border-radius:15px ;
  border:none;
  color:white;
  padding:5px 25px ;
  margin-top:20px ;
  font-size: 14px;
}


@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1034px;
  }
}

@media only screen and (max-width: 768px) {
  .product{
    margin-bottom:50px ;
  }
  .ptop {
    padding-top: 54px;
  }
  .mt-5 {
    margin-top: 1rem !important;
  }

  h2{
    font-size: 19px;
    line-height: 28px;

  }

  .introbg{

    background-image:url(../images/introbg.png);
    min-height: 100vh;
    background-size: cover;
    background-attachment: fixed;

  
  }
}