:root {
  --primary-color: #124371;
  --secondary-color: #27B9E1;
}

h1,h2{
  color: var(--primary-color);
  font-weight: 600;
}
h2{
  font-size: 32px;
}
#header .btn{width:50%}
.btn{
  border-radius: 0;
  font-size: 18px;
  border: 1px solid var(--primary-color);
  width: 25%;
  background: var(--secondary-color);
}
.btn:hover{
  background: var(--primary-color);
  border: 1px solid var(--secondary-color);
}
#lista_servizi{
  text-transform: uppercase;
  margin-top: 30px;
  font-weight: 600;
}
#lista_servizi ul{
  list-style-type: none;
  padding-left: 0;
}
#lista_servizi li{
  padding-bottom: 4px;
  margin-bottom: 9px;
  border-bottom: 1px solid;
}
#sottotitolo_home{
  font-size: 22px;
  color: var(--primary-color);
  font-weight: bold;
}
.titolo{
  font-size: 33px;
  font-weight: normal;
  color:#fff;
}
.card-servizi {
  padding: 20px 20px 35px 20px;
  text-align: center;
  border: solid 2px #486284;
  display: grid;
  place-items: center;
}
.card-servizi img {
  width: 100px;
  margin-bottom: 10px;
}
.title-servizi {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 20px;
  min-height: 70px;
}
.copy-servizi {
  min-height: 120px;
}
.copy-servizi p {
  font-weight: 400 !important;
  font-size: 15px;
}
#return-to-top{
  background: var(--primary-color);
  color:#fff;
}
.navbar-nav .nav-link.active{
  color: var(--primary-color);
  font-weight: 600;
  border-bottom: 1px solid var(--secondary-color);
}
.navbar-nav .nav-link:hover{
  color: var(--secondary-color);
  border-bottom: 1px solid var(--primary-color);
}

@media (min-device-width: 240px) and (max-device-width: 767px) {
  .btn{ width: 100%;}
  #sottotitolo_home{margin-bottom: 20px;}
  .titolo{font-size: 27px}
  #header .btn{width:100%}
  .title-servizi{min-height: auto}
}