body {
  background: url(assets/imgs/bg.jpg);
}

@font-face {
  font-family: 'Coaster';
  src: url('assets/fonts/CoasterBlack.woff2') format('woff2'),
      url('assets/fonts/CoasterBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.green-bronco {
  color: #dcf35b;
}

.bronco-logo {
  width: 230px;
  margin-bottom: 50px;
}

.font-cta {
  font-family: 'Coaster', Tahoma, sans-serif;
  font-weight: 900;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: -2px;
}

.color-b {
  color: #000;
}

.btn-primary {
  background-color: #dcf35b;
  border-color: #dcf35b;
  color: #000;
  transition: all 0.2s;
}

.btn-primary:hover {
  background-color: #bb7dec;
  border-color: #bb7dec;
  color: #000;
}

.btn-social {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 15px;
    background: #dcf35b;
    color: #000;
    border-radius: 50%;
}

.btn-social:hover {
  color: #000;
  background-color: #bb7dec;
}