body{
  font-family: 'Raleway', sans-serif;
}
h1, h2, h3,
h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

h1 {
  font-size: 1.8em;
}

@media (max-width: 576px) {
  h3 {
    font-size: 1.4em;
  }
}

#mainNav a {
  font-family: 'Playfair Display', serif;
  padding: 20px 40px;
  letter-spacing: 2px;
}

#header a {
  font-family: 'Playfair Display', serif;
  padding: 10px 20px;
  letter-spacing: 2px;
}

#header a:hover,
#header a:active {
  color: #fff;
  text-decoration: none;
}

.scroll-to-top {
  z-index: 1042;
  right: 1rem;
  bottom: 1rem;
  display: none;
}

.scroll-to-top a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 400;
  font-family: 'Raleway';
}

#mainNav .navbar-nav {
  margin-top: 1rem;
  letter-spacing: 0.0625rem;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #424E5C;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #C3A654;
}

#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #C3A654;
}

#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #C3A654;
  /* font-weight: 600; */
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 2em;
    -webkit-transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #C3A654;
  
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #C3A654;
  }
  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}



@media (max-width: 768px) {
  .logo {
    width: 30%;
  }
}
@media (max-width: 576px) {
  .logo {
    width: 65%;
  }
}
#header{
  background: url(../imgs/header_bg.jpg) no-repeat center center/cover;
  height: 300px;
  margin-top: calc(95px);
}

@media (min-width: 992px) {
  #header{
    height: 500px;
    margin-top: calc(115px);
  }
}

.txt_intro {
  margin: auto 10%;
}

@media(min-width: 992px){
  .txt_intro {
    width: 350px;
    margin-left: 250px;
    margin-top: 50px;
  }
}

section {
  padding: 50px 0;
}

@media(min-width: 992px){
  section {
    padding: 100px 0;
  } 
}

#profile_img {
  height: 300px;
  background: url(../imgs/ana.jpg) no-repeat center center/cover;
}

@media(min-width: 992px){
  #profile_img {
    height: auto;
  } 
}

#perfil {
  padding: 0;
}

h2 {
  color: #C3A654;
}

#summary {
  text-align: center;
  margin-bottom: 30px;
}

@media(min-width: 1140px){
  #summary {
    text-align: right;
  } 
}

.faicon{
  opacity: 0.3;;
}

.perfil-subheader {
  text-align: center;
  font-size: 1.4em;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .perfil-subheader{
    text-align: right;
    font-size: 2.5em;
  }
}

#servicios ul{ 
  list-style: none;
  padding-left: 0;
}

#servicios ul li {
  margin: 25px 0;
}

#novedades {
  padding-left: 50px;
  padding-right: 50px;
}

@media (min-width: 992px) {
  #novedades {
    padding-left: 0px;
    padding-right: 0px;
  }
}

#novedades a{
  color:#424E5C;
}

#novedades a:hover,
#novedades a:focus,
#novedades a:active {
  color:#C3A654;
}

.novedad {
  margin-top: 50px;
  border-left: 1px solid #424E5C;
}

.fecha {
  margin-top: 30px;
}

.card-header {
  background-color: #fff;
  border: none;
}

.card {
  border: none;
  border-top: 1px solid #424E5C;
  border-bottom: 1px solid #424E5C;
  margin-top: -1px;
  border-radius: 0;
}

.btn-link {
  color: #424E5C;
}

.btn-link:hover,
.btn-link:active {
  color: #C3A654;
}

#perfil img, 
#servicios img,
#novedades img, 
#faqs img, 
#contacto img {
width: 100%;
}

.subheader {
  padding: 15px 40px;
  background-color: #424E5C;
}
#send {
  font-family: 'Raleway', sans-serif;
    color: #424E5C;
    background-color: #C3A654;
    padding: .375rem 2rem; 
}

#send:hover {
  color: #fff;
  background-color: #b29545;
}

address {
  color: #424E5C;
  line-height: 1.2rem;
}

address a {
  color: #424E5C;
}
address a:hover,
address a:focus {
  color: #C3A654;
}

footer {
  background-color: #424E5C;
  color: #fff;
  /* height: 80px; */
}

.trip {
  width: 40px;
}

/* COLORS */
.gold {
  color:#C3A654;
}
.dark {
  color: #424E5C;
}
.gold-bg {
  background-color: #C3A654;
  color: #fff;
  font-family: 'Raleway', sans-serif;
}
.dark-bg {
  background-color: #424E5C;
  color: #b29545;
}

.grey-background {
  background-color: #F4F4F4;
}