/*  ----------------------------------------------------
GENERAL
-------------------------------------------------------- */

/* ---------------- GOOGLE FONTS ------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,700;1,700&display=swap');

/* ----------------Text Fonts ------------------- */

body {
	background-color: #16191b;
}

/******************** 
Banner
*********************/

.index-banner {
  background-image: url("../img/index-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}

.text-white-banner {
  position: absolute;
  z-index: 3;
}

.gratis-xl-btn {
  background-color: #00bbc5;
  color: #fff;
  width: 100px;
  border: 1px solid transparent;
  padding: 10px 40px;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

.gratis-xl-btn:hover {
  background-color: transparent;
  border-color: #00bbc5;
  color: #00bbc5
}