/*HOJITA DE ESTILOS DE DEBANDY*/

/*GENERALES*/
* {
    margin: 0;
}

h1 {
    font-family: 'Montserrat';
    padding-bottom: 50px;
    padding-top: 50px;
    font-weight: bolder;
    text-transform: uppercase;
}

h2 {
    font-family: 'Domine';
    padding-bottom: 40px;
    padding-top: 80px;
    color: white;
    text-transform: uppercase;
}

h3 {
    font-family: 'Montserrat';
    padding-bottom: 10px;
    padding-top: 8px;
    font-weight: bolder;
}

h4 {
    font-family: 'Domine';
    padding-bottom: 5px;
    font-size: medium;
    text-transform: uppercase;
    padding-top: 8px;
    font-weight: bolder;
    color: white;
}

h5 {
    font-family: 'Domine';
    padding-bottom: 5px;
    font-size: medium;
    font-style: italic;
    padding-top: 8px;
    font-weight: bolder;
}

p {
    font-family: 'Montserrat';
}

/*BARRA DE NAVEGACION*/
.fondo-nav {
    background-color: #00666A;
    margin: 0;

}

.nav-link {
    padding: 10px 16px !important;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
}

nav {
    font-family: 'Montserrat';
    font-weight: normal;
    text-transform: uppercase;
    color: white;

}

.navbar-nav {
    width: 100%;
    display: flex;
    justify-content: center;
}

.nav-logo {
    width: 60px;
}

.nav-link:hover,
.active .nav-link {
    color: white;
    font-weight: bolder;
    border-bottom: solid white;
}

.navbar-toggler {
    color: white;
}

/*HEADER-_----------------------------------------------------------------------------*/
header {
    background-image: url(../imagenes/header-index.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

header img {
    width: 460px;
    padding-top: 120px;
    padding-bottom: 80px;
}

/*NOSOTROS------------------------------------------*/
.nosotros h2 {
    color: #5CB194;
}

.nosotros {
    margin-bottom: 90px;
}

/*SERVICIOS------------------------------------------*/
.servicios img {
    width: 180px;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}

.servicios img:hover {
    transform: translateY(-17px);
}

.icono {
    margin-bottom: 90px;
}

.servicios {
    background-image: url(../imagenes/bg-verde.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

/*FOOTER------------------------------------------*/
footer {
    background-color: #00666A;
}

footer img {
    width: 80px;
}

footer p {
    color: white;
    font-size: small;
}

/*---------------------------------------CONSULTORIA ADMINISTRATIVA------------------------------------*/
.header-admin {
    background-image: url(../imagenes/header-admin.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 50px;

}

.header-admin p {
    width: 80%;
}

.header-admin img {
    width: 300px;
}

/*---------------------------------------CONTENIDO DIGITAL------------------------------------*/
.header-digital {
    background-image: url(../imagenes/header-content.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 80px;
}

.header-digital h1 {
    color: white;
}

.header-digital p {
    width: 80%;
}

.header-digital img {
    width: 300px;
}

.carrusel {
    background-image: url(../imagenes/bg-verde.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 80px;
}


/*--------------------------------------RELACIONES PUBLICAS------------------------------------*/
.header-rp {
    background-image: url(../imagenes/header-rp.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 80px;
}

/*--------------------------------------CATERING------------------------------------*/
.header-catering {
    background-image: url(../imagenes/header-catring.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 80px;

}

.header-catering img{ padding-top: 50px;}
.header-catering h1{ color: white;}