html, body {
  font-family: "Segoe UI", Arial, sans-serif;
  position: relative;
  /* height: 100%; */
}

body h1, body h4 { font-family: 'Luckiest Guy', cursive; color: #551a8b; }

* { box-sizing: border-box; }

a { text-decoration: none; }

nav {
  font-family: 'Luckiest Guy', cursive;
}
a.navbar-brand {
  color: #ffeb3b !important;
  font-size: 2rem;
}
a.nav-link {
  font-size: 2rem;
}
li.nav-item {
  padding-right: 1rem;
}

header, footer { text-align: center; padding: 1em; }
header h1 { font-size: 3rem; padding-top: 2em; }

.carousel {
  background: #ffeb3b;
}
.carousel-cell {
  width: 100%;
  height: auto;
  margin: 0;
}
.carousel-cell img {
  display: block;
  height: auto;
  width: 50%;
  margin: 0 auto;
}


/* BS5 EMBED MODAL */
.modal-dialog {
  max-width: 90%!important;
  margin: 1.75rem auto;
}

.modal-dialog object {
  width: 100%;
  height: 800px;
}


/* BS5 CAROUSEL */
#zcarousel {
  width: 50%;
  text-align: center;
  margin: auto;
}

/*
#pagine, #storie, #specialita, #alfiere {
  background-color: #fff;
  padding: 1em;
}
*/

.ztitle {
  font-family: 'Luckiest Guy', cursive;
  margin: 0;
  padding: 7rem 0 0 0;
  text-align: center;
}

.zcontainer {
  background-color: #fff;
  padding: 1em;
  text-align: center;
}

/*
hr {
  width: 50%!important;
  margin: 1rem auto 0 auto!important;
  opacity: 1!important;
}
*/

.ztext {
  text-align: justify;
  font-size: 1.75rem;
  padding: 1rem;
}

#storie a {
  font-family: "Segoe UI",Arial,sans-serif;
  font-size: 1.5rem;
}

#alfiere a {
  font-family: "Segoe UI",Arial,sans-serif;
  font-size: 1rem;
}

h3 {
  padding-top: 2rem!important;
  padding-bottom: 1rem;
  /* border-top: 1px solid black; */
}
h3::before {
    display: block;
    content: "";
    border-top: 1px solid black;
    width: 50%;
    margin: 2rem auto 0 auto;
    transform: translateY(-1rem);
}

#contatto p {
  font-family: "Segoe UI",Arial,sans-serif;
  font-size: 1.5rem;
}

/****************************************************************************************/
@media screen and ( max-width: 768px ) {
  .ztext {
    text-align: justify;
    font-size: 1rem;
  }
}