a {
  color: rgba(0, 0, 0, 0.7); }
  a:focus, a:hover {
    color: rgba(0, 0, 0, 0.6); }

.content-main {
  background-image: url("/images/main.png");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 2866px;
  width: 750px;
  margin: auto; }

.main-form {
  height: 100%;
  width: 100%; }

.footer {
  background-color: #464646;
  width: 750px;
  color: #fff;
  border-top: solid 1px #e9e9e9;
  margin: auto; }

  .footer-inner {
    display: flex;
    margin: auto;
    position: relative;
    flex-direction: column-reverse; }

    .footer-navs {
      padding: 16px;
    }

    ul.footer-nav {
      padding: 0 0 16px;
      margin: 0;
      list-style: none; }
      li {
        padding: 10px 0;
        display: inline-block;
        min-width: 49%; }
        li:first-child {
          width: 100%;
          font-weight: bold;
          font-size: 1.8rem;
          border-bottom: 2px solid #f69; }
        a {
          display: inline-block;
          text-decoration: none;
          color: #fff; }
          img {
            width: 40px;
          }
        a:hover {
          text-decoration: underline;
          color: #fff; }

.footer_copyright {
  width: 100%;
  font-size: 10px;
  text-align: center;
  padding: 8px;
  border-top: 1px solid #e9e9e9;
}

@media (max-width: 640px) {
  .content-main {
    background-image: url("/images/main.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 370%;
    height: 0; }
  .main-form {
    height: 100%;
    width: 100%; }

  .footer {
    width: 100%; } }