/*wordpress custom style */
.page-id-2 .entry-header{
  display: none;
}

.page-id-2 .entry-content{
   margin: 0;
   max-width: none;
 }
 .page-id-2 .entry{
    max-width: none;
  }

 h2:before {
   display: none;
 }

  .page-id-2 .entry .entry-content > *,
  .page-id-2 .entry .entry-summary > * {
     max-width: none;
   }
.entry .entry-content a {
  text-decoration: none;
}

.page-id-2 .main-button {
  font-size: inherit;
}

/*end of wordpress custom style */
.emoji {
  height: 2.9rem
}

b, .b {
  font-weight: bold
}

.black {
  color: #1B1B1D
}

.red {
  color: #EF424C
}

.white {
  color: #fff
}

.green {
  color: #3B6164;
}

.h1, h1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700
}

.h2, h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700
}

.h3, h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  color: #1b1b1d;
}

.p, p {
  font-family: Rubik;
  font-style: normal;
  font-weight: 100
}

.mi, mi {
  font-family: Rubik;
  font-style: normal;
  font-weight: 100
}

@media screen and (min-width: 320px) {
  .h1, h1 {
    font-size: calc(27.648px + 37.888 * ((100vw - 320px) / 880))
  }

  .h2, h2 {
    font-size: calc(23.04px + 17.92 * ((100vw - 320px) / 880))
  }

  .h3, h3 {
    font-size: calc(19.04px + 7.92 * ((100vw - 320px) / 880))
  }

  .p, p {
    font-size: calc(16px + 8 * ((100vw - 320px) / 880))
  }

  .main-button {
    font-size: calc(23.04px + 17.92 * ((100vw - 320px) / 880))
  }

  .main-button:focus {
    font-size: calc(23.04px + 17.92 * ((100vw - 320px) / 880))
  }

  .secondary-button {
    font-size: calc(16px + 8 * ((100vw - 320px) / 880))
  }

  .ghost-button {
    font-size: calc(16px + 8 * ((100vw - 320px) / 880))
  }
}

@media screen and (min-width: 1200px) {
  .h1, h1 {
    font-size: 65.536px
  }

  .h2, h2 {
    font-size: 30.96px
  }

  .h3, h3 {
    font-size: 30px
  }

  .p, p {
    font-size: 18px
  }

  .main-button {
    font-size: 40.96px
  }

  .main-button:focus {
    font-size: 40.96px
  }

  .secondary-button {
    font-size: 24px
  }

  .ghost-button {
    font-size: 24px
  }
}

@media screen and (min-width: 224px) {
  mi {
    font-size: calc(11.2px + 5.6 * ((100vw - 224px) / 616))
  }

  .mi {
    font-size: calc(11.2px + 5.6 * ((100vw - 224px) / 616))
  }
}

@media screen and (min-width: 840px) {
  mi {
    font-size: 16.8px
  }

  .mi {
    font-size: 16.8px
  }
}

.shadow{
   0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 5px 6px rgba(0, 0, 0, 0.2);
   border-radius: 15px;
}

.main-button {
  font-family: Poppins;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  border: 0;
  margin: 0;
  color: #fff;
  background-color: #3B6164;
  padding: 12px calc(1rem + 1vw);
  -webkit-appearance: button-bevel;
  -moz-appearance: button;
  appearance: button;
  border-radius: 15px;
  border-collapse: separate !important;
  font-size: 1.44rem;
}


.main-button:focus {
  font-family: Poppins;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  border: 0;
  margin: 0;
  color: #fff;
  background-color: #3B6164;
  padding: 12px calc(1rem + 1vw);
  border-radius: 15px;
  border-collapse: separate !important;
  font-size: 1.44rem;
}

.main-button:hover {
  text-decoration: none;
  color: #fff;
  background: #384F51
}

.secondary-button {
  font-family: Poppins;
  -webkit-appearance: button-bevel;
  -moz-appearance: button;
  appearance: button;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  border: 0;
  margin: 0;
  color: #fff;
  padding: 6px calc(0.5rem + 1vw);
  line-height: 1;
  border-radius: 8px;
  background-color: #3B6164;
  font-size: 1.2rem;
  font-size: 16px
}

.secondary-button:hover {
  text-decoration: none;
  color: #fff;
  background: #384F51
}

.ghost-button {
  font-family: Poppins;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  border: solid #666666 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  color: #666;
  padding: 6px calc(0.5rem + 1vw);
  line-height: 1;
  border-radius: 8px;
  font-size: 1.2rem;
  font-size: 16px
}

.ghost-button:hover {
  text-decoration: none;
  border: solid #1B1B1D 3px;
  color: #1B1B1D
}

.logo {
  width: calc(6rem + 4.4vw)
}


.icona {
    width: calc(3rem + 7vw);
}

@media(max-width: 765px){
  .icona {
    width: calc(6rem + 7vw);
  }
}

.menu{
  background: #3B6164;
}

.scritta{
  width: calc(10em + 32vw);
}

.footer-copyright{
  color: #FFFFFF;
  background: #4F4F4F;
}

/* Style the navigation bar */
.navbar {
  width: 100%;
  /*background-color: #555;*/
  overflow: auto;
}

/* Navbar links */
.navbar a {
  float: left;
  text-align: center;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
}

/* Navbar links on mouse-over */
.navbar a:hover {
  /*background-color: #000;*/
}

/* Current/active navbar link */
.active {
  /*background-color: #4CAF50;*/
}

/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
@media screen and (max-width: 500px) {
  .navbar a {
    float: none;
    display: block;
  }
}



@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important
  }

  .w-sm-50 {
    width: 50% !important
  }

  .w-sm-75 {
    width: 75% !important
  }

  .w-sm-100 {
    width: 100% !important
  }

  .w-sm-auto {
    width: auto !important
  }

  .h-sm-25 {
    height: 25% !important
  }

  .h-sm-50 {
    height: 50% !important
  }

  .h-sm-75 {
    height: 75% !important
  }

  .h-sm-100 {
    height: 100% !important
  }

  .h-sm-auto {
    height: auto !important
  }
}

@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important
  }

  .w-md-50 {
    width: 50% !important
  }

  .w-md-75 {
    width: 75% !important
  }

  .w-md-100 {
    width: 100% !important
  }

  .w-md-auto {
    width: auto !important
  }

  .h-md-25 {
    height: 25% !important
  }

  .h-md-50 {
    height: 50% !important
  }

  .h-md-75 {
    height: 75% !important
  }

  .h-md-100 {
    height: 100% !important
  }

  .h-md-auto {
    height: auto !important
  }
}

@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important
  }

  .w-lg-50 {
    width: 50% !important
  }

  .w-lg-75 {
    width: 75% !important
  }

  .w-lg-100 {
    width: 100% !important
  }

  .w-lg-auto {
    width: auto !important
  }

  .h-lg-25 {
    height: 25% !important
  }

  .h-lg-50 {
    height: 50% !important
  }

  .h-lg-75 {
    height: 75% !important
  }

  .h-lg-100 {
    height: 100% !important
  }

  .h-lg-auto {
    height: auto !important
  }
}

@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important
  }

  .w-xl-50 {
    width: 50% !important
  }

  .w-xl-75 {
    width: 75% !important
  }

  .w-xl-100 {
    width: 100% !important
  }

  .w-xl-auto {
    width: auto !important
  }

  .h-xl-25 {
    height: 25% !important
  }

  .h-xl-50 {
    height: 50% !important
  }

  .h-xl-75 {
    height: 75% !important
  }

  .h-xl-100 {
    height: 100% !important
  }

  .h-xl-auto {
    height: auto !important
  }
}