html {scroll-behavior: smooth;}
.body {background-color: #4f692c; max-width: 100%;}
#intro {height: 80vh; width: 100%; background-position: 50% 10%; background-size: cover; background-repeat: no-repeat; background-image: linear-gradient(to bottom, rgba(79, 105, 44, 0) 0%, rgba(79, 105, 44, 0) 75%, rgba(79, 105, 44, 1) 100%),
  url('piazza-pretorio.jpg');}
h1 {color: #f9d7d9; font-family: "Fira Sans", sans-serif;}
h2 {color: #f9d7d9; font-family: "Fira Sans", sans-serif;}
h3 {color: #f9d7d9; font-family: "Fira Sans", sans-serif;}
p {color: #fff9f6; font-family: "Fira Sans", sans-serif;}
a {color: #fff; font-family: "Fira Sans", sans-serif;}
.center {text-align: center}
.wrapper {width 100%; padding: 3% 10%;}
div.nav {width: 100%; display: inline-flex; flex-flow: row; text-align: center; height: 5vh; padding-top: 10px;}
div.nav p {width: 100%;}
div.invite {padding-top: 10vw;}
div.invite-box {margin: 0 auto; height: 100%;}
.intro-header {color: #f9d7d9; text-shadow: 4px 4px #4f692c; font-size: 60px;}
.intro-subheading {color: #f9d7d9; text-shadow: 2px 2px #4f692c; font-size: 48px;}
.intro-subsubhead {color: #fff9f6; text-shadow: 2px 2px #4f692c; font-size: 30px;}
section {min-height: 5vh; padding-top: 2vh;}
.flex-container {display: inline-flex; flex-flow: row; text-align: center; width: 100%;}
.flex-50 {width: 48%; padding 2%;}
section.footer {padding-bottom: 50px}
.padded {padding: 10px 20px}
.plan {background-color: #4f692c}
.faqs {background-color: #f9d7d9}
.faqs h2 {color: #4f692c}
.faqs h3 {color: #4f692c}
.faqs p {color: #1e7375}
.faqs p a {color: #1e7375; font-weight: 500;}
div.transition-gp {height: 3vh; background-image: linear-gradient(to bottom, #4f692c 0%, #4f692c 50%, #f9d7d9 100%);}
div.transition-pg {height: 3vh; background-image: linear-gradient(to bottom, #f9d7d9 0%, #f9d7d9 50%, #4f692c 100%);}