@font-face {
    font-family: 'nelphim_regular';
    src: url('../font/nephilm-webfont.woff2') format('woff2'),
         url('../font/nephilm-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* scroll body */
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #fff;
}

body::-webkit-scrollbar-thumb
{
	background-color: #163d4b;
}


h1,h2,h3,h4,h5,h6{
    font-family:'nelphim_regular';
    color: #caa365;
}
:is(h1,h2,h3,h4,h5,h6) span{
    color: #163d4b;
    margin-left: 1em;
}

.row.blu :is(h1,h2,h3,h4,h5,h6) span{
    color: #fff;
}
.text-blu{
    color: #163d4b;
}

.text-golden{
    color: #caa365;
}

#villaggioNav{
    background-image: url('../img/fondonav.png');
    background-size: cover;
    color: #fff;
}

.navLogo{
    height: 60px;
    object-fit: contain;    
}

.row.blu{
    background-image: url('../img/fondopariso.jpg');
}

.paraisofoto{
    min-height: 600px;
    height: 100%;
    width: 100%;
    object-fit: cover;

}

#home h1{
    font-size: 5rem;
}

#actividades h2{
    font-size: 5rem;
}

#reserva h2{
    font-size: 5rem;
}

#tuDepartamento h2{
    font-size: 5rem;
}


h5.text-banner{
    font-size: 1.7rem;
}


#actividades a.btn{
    font-size: 1.2em;
    color: #fff;
    padding: 1em 2em;
    border: 2pt solid #caa365;
}




#reserva .bookingBtn{
    font-size: 1.2em;
    color: #fff;
    background-color: #163d4b;
    padding: 1em 2em;
    border: 2pt solid #caa365;
}

#contacto h2{
    font-size: 5rem;
    color: #163d4b;
}
#contacto h5{
    font-size: 2rem;
    color: #163d4b;
}
#contacto h5 span{
    color: #caa365;
    margin: 0;
}


#galeria .nav-link.active{
    background-color: #163d4b;
}
#galeria .nav-link.active span{
    color: #fff;
}

#galeria .nav-link span {
    color: #000;
}

.galeria-img{
    height: 600px;
    width: 100%;
    object-fit: cover;
}

.galeriaMinis{
    height: 90px;
}

.icon-depa{
    height: 50px;
}

@media only screen and (max-width: 600px) {
    #home h1{
        font-size: 2rem;
    }
    
    #actividades h2{
        font-size: 2rem;
    }
    
    #reserva h2{
        font-size: 2rem;
    }

    #tuDepartamento h2{
        font-size: 2rem;
    }
    #contacto h2{
        font-size: 2rem;
    }

  }