/* contemporary.css */
html, body {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 34px;
  -webkit-font-smoothing: antialiased; }

.hero h1, .hero h2, .hero p {
  color: #fff;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  text-align: center; }

p {
  margin-bottom: 34px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 34px;
  -webkit-font-smoothing: antialiased; }

ul {
  margin-top: 34px;
  margin-bottom: 34px;
  margin-left: 25px; }
  ul li {
    list-style: disc;
    text-align: left;
    margin-bottom: 8.5px; }

h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 108px;
  line-height: 119px;
  font-weight: 800;
  margin-bottom: 51px;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) and (max-width: 1150px) {
    h1 {
      font-size: 70px;
      line-height: 68px;
      margin-bottom: 34px; } }
  @media only screen and (max-width: 767px) {
    h1 {
      font-size: 50px;
      line-height: 51px;
      margin-bottom: 17px; } }

h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 37px;
  line-height: 51px;
  font-weight: 700;
  margin-bottom: 34px; }
  @media only screen and (min-width: 768px) and (max-width: 1150px) {
    h2 {
      font-size: 25px;
      line-height: 34px;
      margin-bottom: 17px; } }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 25px;
      line-height: 34px;
      margin-bottom: 17px; } }

.widgets {
  margin: 15vh 0; }