/* Scss Document */
/* Scss Document */
body {
  min-width: 100%; }

header {
  text-align: center;
  min-width: 950px; }
  header .logo {
    margin: 0 auto; }

.inner {
  width: 950px; }

#contact {
  padding-bottom: 0; }
  #contact h1 {
    margin: 2em 0;
    font-size: 3rem;
    text-align: center; }
  #contact h2 {
    margin: 2em 0 1em;
    font-size: 2rem; }
  #contact form {
    margin: 3em 0; }
    #contact form table {
      margin: 0 auto 3em;
      width: 80%; }
      #contact form table th, #contact form table td {
        padding: .25em 0;
        border-bottom: dotted 1px #ccc; }
      #contact form table th {
        padding-right: 2em;
        text-align: left;
        width: 30%; }
      #contact form table td {
        width: 70%; }
    #contact form .btn {
      text-align: center; }
      #contact form .btn input {
        padding: .5em 1em;
        width: 30%;
        color: #fff;
        background: #21AC38;
        font-size: 1.8rem; }
        #contact form .btn input.back {
          color: #212121;
          background: #ccc; }
  #contact .backtop {
    margin-top: 2em; }
    #contact .backtop a {
      padding: .5em 1em;
      border: solid 2px #21AC38;
      width: 50%;
      color: #fff;
      color: #21AC38;
      font-size: 1.8rem;
      font-weight: bold; }

footer .flex-wrap > div {
  width: 100%;
  text-align: left !important; }
  footer .flex-wrap > div .copyright {
    margin-top: 5em;
    text-align: center; }

@media screen and (max-width: 767px) {
  header {
    text-align: center;
    min-width: 100%; }
    header .logo {
      margin: 0 auto; }
  .inner {
    width: 100%; }
  #contact h1 {
    margin: 2em 0 1em;
    font-size: 2rem;
    text-align: center; }
  #contact h2 {
    margin: 2em 0 1em;
    font-size: 1.6rem; }
  #contact form table {
    width: 100%; }
  #contact form .btn input {
    width: 48%;
    font-size: 1.5rem; }
  #contact .backtop a {
    font-size: 1.5rem; }
  footer .flex-wrap > div {
    width: 100%; } }