/* colors */
:root{
    --pacte-gold: #eca100;
    --dark-green:  #186a3b;
    --telepherique-red: #cf2e2e;
}

/* header */
header.masthead {
    position: relative;
    background-color: #343a40;
    background: url("./bg-masthead.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
header.masthead:before {
    content: "";
    position: absolute;
    background-color: #1c375e;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
}
header.masthead h1, header.masthead .h1 {
    font-size: 2rem;
}
@media (min-width: 768px) {
    header.masthead {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 3rem;
    }
}

/* home icons */
.home-icons {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.home-icons .home-icons-item {
    max-width: 20rem;
}
.home-icons .home-icons-item .home-icons-icon {
    height: 6rem;
}
.home-icons .home-icons-item .home-icons-icon i {
    font-size: 4rem;
}

.icon-color {
    color: var(--bs-primary) !important;
}

/* map */
#map { 
  height: calc(100vh - 128px);
  width: 100%;
}