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

html {
  box-sizing: border-box;
  font-size: 62.5%; }

body {
  color: #fff !important;
  overflow-x: hidden;
  background-color: #202020 !important; }
  ::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
  }
  .header-container{
    height: 60vh;
    width: 100%;
  }
  .BG{
    height: 100%;
    width: 100%;
    background-image: url("../BG.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; 
  }

  .font-title{
    font-family: 'Merriweather', serif !important;
    font-size: 2.9rem !important;
  }
  .font-content{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3rem;
    color: #939393;
    padding: 0 2rem;
  }

  @media (max-width: 600px) {
    .BG {
      background-size: cover; }
    .buttons{
      flex-direction: column;
    }
    .font-title{
      font-size: 2rem !important;
    }
    .para{
      padding: 0 3rem;
    }
  }

    @media (max-width: 768px) {
      .BG {
        background-size: cover; }
      }