@font-face {
  font-family: GothamBold;
  src: url(assets/fonts/GothamBold.ttf);
}
@font-face {
  font-family: GothamBook;
  src: url(assets/fonts/GothamBook.ttf);
}

.neu_title{
    font-size: 2.5rem;
    text-transform: uppercase;
    font-family: GothamBold;
}
.neu_subtitle{
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: GothamBold;
}
.neu_highlight{
    font-size: 1.5rem;
    font-family: GothamBook;
}

.neu_p_big{
    font-size: 1.2rem;
    font-family: GothamBook;
}
.neu_p{
    font-size: 1rem;
    font-family: GothamBook;
}
.neu_service_title{
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: GothamBold;
}

.neu_bg_color_01{
    background-color: #8b6f4e;
}
.neu_bg_color_02{
    background-color: #c4bfb6;
}
.neu_color_02{
    color: #c4bfb6;
}
.navbar-toggler{
    border: none;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.navbar-toggler-icon{
    background-image: url("assets/img/neuchatel_menu_icon.svg");
}
.nav-link{
    color: white;
    font-family: GothamBook;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1rem;
}
.nav-link:hover{
    font-family: GothamBold;
    color: white;
}
.nav-link:active{
    font-family: GothamBold;
    color: white;
}
.carousel-item img{
    height: 100vh !important;
    object-fit: cover;
}
.carousel-caption.slide_01{
    top: 15%;
    right: 5%;
    bottom: auto;
    left: auto;
    text-align: end;
}
.carousel-caption.slide_02{
    top: 15%;
    right: 5%;
    bottom: auto;
    left: auto;
    text-align: end;
}
.carousel-caption.slide_03{
    bottom: 10%;
    left: 5%;
    text-align: start;
}
.carousel-caption.slide_04{
    bottom: 25%;
    right: 5%;
    left: auto;
    text-align: end;
}
.carousel-caption.slide_05{
    bottom: auto;
    left: 5%;
    top: 15%;
    text-align: start;
}
.neu_bg_banner{
    background-image: url("assets/img/neuchatel_home_banner_img.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 100vh;
    display: flex;
    align-items: end;
    justify-content: end;
    position: relative;
}
.neu_overlay{
    background-color: rgba(0, 0, 0, 0.507);
    position: absolute;
    width: 100%;
    height: 100%;
}
.neu_bg_sevicios_residencial{
    background-image: url("assets/img/neuchatel_sevicios_residencial_01.jpg");
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    align-items: end;
    justify-content: end;
    position: relative;
}
.neu_bg_sevicios_residencial:hover .neu_servicios_hover{
    opacity: 1;
} 
.neu_bg_sevicios_plaza{
    background-image: url("assets/img/neuchatel_sevicios_plaza_arte_02.jpg");
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    align-items: end;
    justify-content: end;
    position: relative;
}

.neu_bg_sevicios_plaza:hover .neu_servicios_hover{
    opacity: 1;
} 
.neu_bg_sevicios_comercial{
    background-image: url("assets/img/neuchatel_sevicios_comercial_03.jpg");
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    align-items: end;
    justify-content: end;
    position: relative;
}
.neu_bg_sevicios_comercial:hover .neu_servicios_hover{
    opacity: 1;
} 
.neu_bg_sevicios_oficinas{
    background-image: url("assets/img/neuchatel_sevicios_oficinas_04.jpg");
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    align-items: end;
    justify-content: end;
    position: relative;
}
.neu_bg_sevicios_oficinas:hover .neu_servicios_hover{
    opacity: 1;
} 
.neu_servicios_hover{
    position: absolute;
    background-color: #8b6f4ee3;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    padding: 40px;
    transition: all 0.3s ease-in-out;
}
.neu_footer_link{
    color: white;
    text-decoration: none;
    font-family: GothamBook;
}
.neu_footer_link:hover{
    text-decoration: underline;
    text-underline-offset: 4px;
}
.neu_link_text{
    color: white;
    outline-offset: 3px;
}
.neu_link_text:hover{
    font-family: GothamBold;
}
@media screen and (max-width: 992px) {
    .neu_title{
        font-size: 1.5rem;
    }
    .neu_subtitle{
        font-size: 1rem;
    }
    .neu_highlight{
        font-size: 1.2rem;
    }
    .neu_p_big{
        font-size: 1.1rem;
    }
    .neu_p{
        font-size: 1rem;
    }
    .neu_service_title{
        font-size: 1.4rem;
    }
    .neu_bg_banner{
        background-attachment: local;
    }
}