@charset "UTF-8";
/* CSS Document */


.textBox {
  position:relative;
  margin:2em auto;
  padding:1em 3em;
  background-color:rgba(0,0,0,0.1);
  border:1px solid rgba(0,0,0,0.2);
  border-radius:0.5em;
  font-size:1.5em;
  text-align: center;
  line-height: 1.5;
  max-width:600px;
  box-sizing: border-box;
}

.textBox p {
  margin:1em 0;
}
.textBox p:first-child {
  margin-top:0;
}
.textBox p:last-child {
  margin-bottom:0;
}

.bareImage {
  display:block;
  margin:0 auto;
  max-width:100%;
}

.textBox a {
  color:inherit;
  text-decoration: underline;
}
.textBox a:hover {
  color:rgb(162, 73, 0);
}

.textBox h1 {
  display:inline;
  font-size: inherit;
  font-weight: normal;
  font-style: italic;
  margin:1em 0;
  padding:0;
  letter-spacing: 0;
}
.textBox h1 + p {
  display:inline;
}

.textBoxBad {
  background-color:rgba(100,0,0,0.2);
}
.textBoxGood {
  background-color:rgba(0,100,0,0.1);
}


.textBoxQuote {
  font-family: 'Raleway', sans-serif;
}
.textBoxQuote::before,
.textBoxQuote::after {
  content:"";
  position:absolute;
  display:flex;
  justify-content: center;
  align-items: center;
  width:2em;
  height:2em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity:0.3;
}
.textBoxQuote:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Equotes-left%3C/title%3E%3Cpath d='M7.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.357-0.056 0.724-0.086 1.097-0.086zM25.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.358-0.056 0.724-0.086 1.097-0.086z'%3E%3C/path%3E%3C/svg%3E");
  left:0.25em;
  top:-1.3em;
  transform:rotate(-10deg);
}
.textBoxQuote::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Equotes-right%3C/title%3E%3Cpath d='M25 20c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7l0.031 1c0 7.732-6.268 14-14 14v-4c2.671 0 5.182-1.040 7.071-2.929 0.364-0.364 0.695-0.75 0.995-1.157-0.357 0.056-0.724 0.086-1.097 0.086zM7 20c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7l0.031 1c0 7.732-6.268 14-14 14v-4c2.671 0 5.182-1.040 7.071-2.929 0.364-0.364 0.695-0.75 0.995-1.157-0.357 0.056-0.724 0.086-1.097 0.086z'%3E%3C/path%3E%3C/svg%3E%0A");
  right:0.25em;
  bottom:-1.3em;
  transform:rotate(10deg);
}



#contactInfo {
  text-align:center;
  font-size:1.6em;
  line-height:1.4;
}

.roundCorners {
  border-radius:1em;
  overflow: hidden;;
}


@media (min-width: 600px) {

}


@media (min-width: 900px) {

  #contactInfo {
    font-size:1.2em;
  }

  .textBoxQuote::before,
  .textBoxQuote::after {
    width:3em;
    height:3em;
  }
  .textBoxQuote:before {
    left:-1.3em;
  }
  .textBoxQuote::after {
    right:-1.3em;
  }

}