body, html {
  height: 100%;
  margin: 0;
  }

.bg {
background: #00AB92;
min-height: 100%; 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.text{
  margin-left: auto;
  margin-right:auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.logo {
  height: 300px;
  width:250px;
  text-align: center;
  margin-top:auto;
}

.logo-2 {
  height: 140px;
  width: 120px;
  margin-top:auto;
  justify-content: center;
}

h1 { 
  margin-top: 150px;
  font-family: 'Josefin Slab', serif;;
  text-align: center;
  color: #fff;
  font-size: 5.5rem;
}

h2 {
  font-family: 'Josefin Slab', serif;
  text-align: center;
  color: #fff;
  font-size: 3.5rem;
}

.container{
margin-top: 30px;
color: #fff;
font-family: comfortaa;
}

a{
  color:#ffffff;
}

a:hover{
  color:#5fadfa;
}

.fa {
  padding: 10px;
  font-size: 25px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  margin: 90px 20px 0;
  justify-content: center;
}

.fa:hover {
  opacity: 0.7;
  color: #038771;
}

.fa-facebook {
  background:#fff;
  color: #00ab92;
}

.fa-instagram {
background:#fff;
color: #00ab92;
}

.fa-tripadvisor {
background:#fff;
color: #00ab92;
} 

.fa-tripadvisor {
background:#fff;
color: #00ab92;
}

.fa-user-o{
background:#fff;
  color: #00ab92;
}


.fa-map-marker{
background:#fff;
  color: #00ab92;
}

.fa-envelope{
background:#fff;
color: #00ab92;
}