.ui.masthead{
  padding-top: min(max(calc((75vw - 4.5rem) / 12), 30px), 90px);
  padding-bottom: 20px;
  background-color: lightblue;
  clip-path: polygon(0 0, calc(50vw - 200px) 100%, calc(50vw + 200px) 100%, 100% 0);
}

.masthead h1.ui.header {
  margin-bottom: 0em;
  font-size: min(max(calc((75vw - 4.5rem) / 7), 42px), 90px);
  max-width: 100vw !important;
  font-weight: normal;
  color: black;
  text-shadow: 0.03em 0.03em #f2711c;
}

.masthead h2 {
  font-size: 1.7em;
  font-weight: normal;
}

.masthead .button{
  margin: 10px;
}

footer{
  background-color: #f5f5f5;
  padding-top: 30px !important;
  padding-bottom: 45px !important;
  /*clip-path: polygon(0 100%, 0 70%, 15% 40px, 40% 15%, 60% 15%, 85% 40px, 100% 70%, 100% 100%);*/
  clip-path: circle(8000px at 50% 8005px);
  position: relative;
  height: 40px;
  background-color: #bdedbf;
  border-top: 1px solid #d6d6d6;
  clear: both;
  width: 100%;
  color: #555555;
}

.item .question{
  font-weight: 700;
  font-size: 1.5em;
}

.item .answer{
  padding-bottom:2em;
}