/*
 * Globals
 */

 @media (min-width: 1200px) {
    .container{
        max-width: 1280px;
    }
}

/* Links */
a,
a:focus,
a:hover {
  color: #eb4f47;
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #505050;
}

body {
 font-family: 'Lato', sans-serif;
 font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'Prata', serif;
}


h6 {
  font-weight: bold;
}

.lead {
  color: #b1b1b3;
  font-weight: 400
}

.hero {
  max-width: 40rem;
  padding: 3rem 0;
}

.drops_section {
  padding: 50px 0;
  background-color: #faf9f6;
}

.product {
  margin: 1rem 0;
}

.card {
  padding: 2rem;
}

.card:hover {
  text-decoration: none;
}

.card-title {
  padding-top: 1rem;
}

.card-title a {
  color: #393c45;
}

.card-text {
  color: #b1b1b3;
  font-size: 16px;
}

.card-footer {
  background-color: #fff;
  border: 0;
  text-align: right;
}

.clap {
  color: #b1b1b3;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: #393c45;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #393c45;
  border-bottom-color: #eb4f47;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
  #company {
  margin: 0 20px;
}
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
}





.btn-primary {
  background-color: #eb4f47;
  border: #eb4f47
}

.bg-primary {
  background-color: #eb4f47 !important;
}

.card-header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}


.card p {
  color: #666;

}

.btn-light {
  background-color: #fff;
  padding: 20px 30px;
}

.btn {
  padding: 7px 15px;
}

.badge-whats {
  padding: 12px;
  background-color: #25D366;
  color: #fff;
  font-weight: bold;
}

.badge-benefits {
  padding: 12px;
  font-weight: bold;
  background-color: #eb4f47;
  color: #fff;
}

.badge-signup:hover {
  background-color: #eb4f47;
}

.active {
  display: flex !important;
}

p:first-letter {
    text-transform: uppercase;
}


.drop-hidden {
  display: none;
}

.benefits-hidden {
  display: none;
}



@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .drop-hidden {
    padding: 0;
  }
}

.hs-form-field label {
  display: none !important;
}

.hs-button {
  background-color: #eb4f47;
  border: #eb4f47;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.hs-input {
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 100%;
  width: 100%;
}