body {
  background: #ED1D24;
  color: #ffffff;
  font-family: 'Nunito', sans-serif;
}

.color-primary {
  color: #327B39;
}

.color-secondary {
  color: #ED1D24;
}

.bg-primary {
  background: #327B39 !important;
}

.bg-secondary {
  background: #ED1D24 !important;
}

.top {
  background: rgb(50,123,57);
  background: linear-gradient(180deg, rgba(50,123,57,1) 25%, rgba(237,29,36,1) 100%);
  padding-top: 70px;
}

.top .logo {
  width: 100%;
  max-width: 300px;
}

.top .introTxt {
  text-align: right;
}

.top .introTxt h2 {
  font-size: 60px;
  font-weight: 900;
}

.top h5 {
  font-size: 30px;
  font-weight: 600;
}

.heading-sub h2 {
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 0;
}

.bannerWrapper {
  position: relative;
}

.banner {
  padding-top: 70px;
}

.downloadBtn {
  width: 240px;
  display: block;
  position: absolute;
  right: 60px;
  bottom: 0px;
}

.app-store, .google-play, .app-gallery {
  display: block;
  margin-bottom: 10px;
}

.app-store img, .google-play img, .app-gallery img {
  width: 240px;
}

.downloadBtnFeatures {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

.downloadBtnFeatures img {
  width: 180px;
  display: inline-block;
  margin-bottom: 10px;
}

.features {
  padding-top: 50px;
  padding-bottom: 70px;
}

.features h4 {
  margin-top: 50px;
  font-weight: 800;
}

.features h4 img {
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}

.features p {
  font-weight: 600;
  text-transform: uppercase;
}

.features-block {
  display: block;
  background: #fff;
  padding: 30px;
  color: #333;
  box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.3);
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.features-block h5 {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.features-block h6 {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 1px;
}

.footer {
  margin-top: 70px;
  padding-top: 70px;
  padding-bottom: 70px;
  font-size: 13px;
}

.footer a {
  color: #ffffff;
}

.modal {
  color: #333;
}

/* Large devices (desktops, 992px and down) */
@media (max-width: 992px) { 
  .top .logo {
    display: block;
    margin: auto;
    padding-bottom: 50px;
  }

  .top .introTxt {
    text-align: center;
  }

  .top .introTxt h2 {
    font-size: 40px;
  }

  .top .introTxt h5 {
    margin-bottom: 40px;
  }

  .downloadBtn {
    position: static;
    margin: auto;
    width: fit-content;
    text-align: center;
  }

  .app-store, .google-play, .app-gallery {
    display: inline-block;
  }

  .app-store img, .google-play img, .app-gallery img {
    width: 190px;
  }
}