* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.back-link a {
  color: #4ca340;
  text-decoration: none;
  border-bottom: 1px #4ca340 solid;
}
.back-link:hover, .back-link:focus {
  color: #408536;
  text-decoration: none;
  border-bottom: 1px #408536 solid;
}

h1 {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  margin: 0;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  margin-bottom: 3px;
}

.entry-header {
  text-align: left;
  margin: 0;
  width: 80%;
  max-width: 978px;
  position: relative;
  z-index: 10001;
}

#demo-content {
  padding-top: 100px;
}

.container {
  height: 200px;
  position: relative;
}
.container .vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 53px) and (max-width: 908px) {
  body {
    background-color: darkgoldenrod;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0;
  }
  body #demo-content .entry-header {
    left: 10%;
    top: 3.5rem;
  }
  body #demo-content .entry-header .icon {
    height: 10.3rem;
    width: 10.3rem;
  }
  body #demo-content #loader {
    top: 10.5rem;
  }
  body #demo-content .loding-text {
    position: relative;
    top: -0.5rem;
    text-align: center;
    top: 10.5rem;
  }
}
@media (min-width: 908px) and (max-width: 1308px) {
  body {
    background-color: darkred;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0;
  }
  body #demo-content .entry-header {
    left: 10%;
    top: 3.5rem;
  }
  body #demo-content .entry-header .icon {
    height: 10.3rem;
    width: 10.3rem;
    text-align: center;
  }
  body #demo-content #loader {
    top: 10.5rem;
  }
  body #demo-content .loding-text {
    position: relative;
    top: -0.5rem;
    text-align: center;
    top: 10.5rem;
  }
}
@media (min-width: 1308px) and (max-width: 1508px) {
  body {
    background-color: #0c8b00;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0;
  }
  body #demo-content .entry-header {
    left: 10%;
    top: 3.5rem;
  }
  body #demo-content .entry-header .icon {
    height: 10.3rem;
    width: 10.3rem;
    text-align: center;
  }
  body #demo-content #loader {
    top: 10.5rem;
  }
  body #demo-content .loding-text {
    position: relative;
    top: -0.5rem;
    text-align: center;
    top: 10.5rem;
  }
}
@media (min-width: 1508px) {
  body {
    background-color: darkslateblue;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0;
  }
  body #demo-content .entry-header {
    left: 10%;
    top: 3.5rem;
  }
  body #demo-content .entry-header .icon {
    height: 10.3rem;
    width: 10.3rem;
    text-align: center;
  }
  body #demo-content #loader {
    top: 10.5rem;
  }
  body #demo-content .loding-text {
    position: relative;
    top: -0.5rem;
    text-align: center;
    top: 10.5rem;
  }
}/*# sourceMappingURL=main2.css.map */