nav {
  z-index: 1;
  padding: 1rem !important;
}
.nav-link {
  color: var(--primary) !important;
}
nav a {
  border-bottom: 2px solid transparent;
  transition: 350ms;
}
.active {
  color: var(--primary) !important;
  border-bottom: 2px solid var(--info);
}
nav img {
  height: 40px;
  
}

/* sezione home */
#home {
  height: 100vh;
}
#home .showcase {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url("../IMG/fogli.jpg") no-repeat center center/cover;
  height: 100%;
}
#home .showcase-text {
  position: absolute;
  bottom: 20vh;
}
#home .showcase-logo {
  margin-bottom: 1rem;
  width: 30%;
}
#home .showcase .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(51, 51, 51, 0.6);
  background-image: linear-gradient(
    to bottom right,
    rgba(51, 51, 51, 0.5),
    rgba(255, 255, 255, 0.5)
  ); /* Standard syntax (must be last) */
}
/* sezione pros */

#who #pros i {
  border-radius: 50%;
  font-size: 2rem;
}

/* sezione who */
.who-img {
  background: url("../IMG/team.jpg") center center/cover;
}

@media (max-width: 575px) {
  .who-img {
    visibility: hidden;
  }
}
#what .col-lg-3,
#what .col-md-12,
#what .col-md-4 {
  padding: 0rem;
  margin: 0rem;
  overflow: hidden;
}
#what .malasanità,
#what .infortunio,
#what .incidente,
#what .sinistri {
  height: 100%;
  width: 100%;
  cursor: pointer;
  transition: all 1s;
  height: 50vh;
}
#what .malasanità:hover,
#what .infortunio:hover,
#what .incidente:hover,
#what .sinistri:hover {
  transform: scale(1.1);
}
#what .malasanità {
  background: url("../IMG/malasanità.jpg") no-repeat center center/cover;
}
#what .infortunio {
  background: url("../IMG/infortunio.jpg") no-repeat center center/cover;
}
#what .incidente {
  background: url("../IMG/incidente.jpg") no-repeat center center/cover;
}
#what .sinistri {
  background: url("../IMG/sinistri2.jpg") no-repeat center center/cover;
}

#what h4 {
  width: 100%;
  height: 100%;
  padding: 23vh 0px;
  border: 1px 0px solid #f1f1f1;
  text-decoration: underline overline;
}

/* sezione contact */
#contact input {
  padding: 0.4rem;
}
#contact h2 {
  display: inline-block;
  font-size: 2.3rem;
}
#contact i {
  font-size: 1.2rem;
  padding: 1.8rem 0px;
}

#map {
  position: relative;
  width: 100%;
  height: 100%;
}
.map-info{
  background: white;
  width:300px;
  position:absolute;
  left:0;
  top:0;
  margin:1rem;
  border-radius: 3px;
  padding:1rem
}

/* modals */
.cover-malasanità {
  background: url("../IMG/malasanità.jpg") no-repeat center center/cover;
  height: 30vh;
}
.cover-infortunio {
  background: url("../IMG/infortunio.jpg") no-repeat center center/cover;
  height: 30vh;
}
.cover-incidente {
  background: url("../IMG/incidente.jpg") no-repeat center center/cover;
  height: 30vh;
}
.cover-sinistri {
  background: url("../IMG/sinistri.jpg") no-repeat center center/cover;
  height: 30vh;
}
.modal p {
  color: var(--primary);
}
.success {
  /* background: var(--info); */
  height: 100vh;
  background-image: linear-gradient(
    to bottom right,
    #1f9bcf,
    rgba(255, 255, 255, 0.1)
  );
}
.success .showcase-text {
  position: absolute;
  bottom: 20vh;
}
.success .showcase-logo {
  width: 30%;
}
.success p {
  font-size: 1.3rem;
}
footer {
  z-index: 1;
}