/* Prima sezione */

/* navbar */

nav {
  border-bottom: 1px solid transparent;
  box-shadow: 0px 20px 80px rgba(68, 68, 68, 0.1);
}


.s1-button {
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgb(234, 90, 88);
  background: -moz-linear-gradient(124deg, rgba(234, 90, 88, 1) 0%, rgba(241, 146, 125, 1) 100%);
  background: -webkit-linear-gradient(124deg, rgba(234, 90, 88, 1) 0%, rgba(241, 146, 125, 1) 100%);
  background: linear-gradient(124deg, rgba(234, 90, 88, 1) 0%, rgba(241, 146, 125, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea5a58", endColorstr="#f1927d", GradientType=1);
  padding: 3px 15px;
  text-align: center;
}

@media screen and (max-width: 990px) {
  .s1-button {
    background: transparent;
    padding: 3px 15px;
    text-align: center;
    border: 1px solid white;
    border-radius: 8px;
  }

}

.s1-logo {
  width: 150px;
}

/* seconda sezione */

.s1-Content {
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.s1-Content img {
  display: block;
  width: 100%;
}

.npcs {
  max-width: 760px;
  margin-top: 50px;
}

.content-bottom {
  background: rgb(31, 146, 208);
  background: -moz-linear-gradient(60deg, rgba(31, 146, 208, 1) 0%, rgba(95, 108, 175, 1) 100%);
  background: -webkit-linear-gradient(60deg, rgba(31, 146, 208, 1) 0%, rgba(95, 108, 175, 1) 100%);
  background: linear-gradient(60deg, rgba(31, 146, 208, 1) 0%, rgba(95, 108, 175, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f92d0", endColorstr="#5f6caf", GradientType=1);
  text-align: center;
  padding: 100px 0px;
}

.content-bottom p.text-white {
  padding-bottom: 100px;
}

.card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0px;
}

.card-content img {
  width: 100px;
  margin-bottom: 20px;
}

@media screen and (max-width: 990px) {

  .s1-Content h3,
  .s1-Content img,
  .content-bottom p.text-white {
    padding: 0px 20px;
  }

  .card-content img {
    width: 150px;
  }

}


/* terza sezione */

.s3 {
  padding: 110px 0;
}

/* quarta sezione */

.s4-card {
  display: block;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: baseline;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 20px;
  margin: 50px 0px;
}


.cerchio {
  width: 60px;
  height: 60px;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4169E1;
  margin-bottom: 10px;
  margin-top: -30px;
}

.cerchio img {
  width: 25px;
}

@media screen and (max-width: 990px) {
  .s4 {
    margin: 0px 40px;
  }

}