html, body {
  margin: 0;
  padding: 0; }

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.width-max-image {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
  padding: 4px; }
  .width-max-image img {
    max-width: 100%; }

.terreas-link {
  padding: 2rem 0;
  text-align: center; }
  .terreas-link img {
    width: 400px;
    max-width: 90%; }

footer {
  margin-top: auto;
  background: #666666;
  padding: 1rem;
  color: #fff;
  text-align: center; }
  footer a {
    color: #fff; }

@media screen and (min-width: 481px) {
  #mobile-wrap {
    display: none; } }

@media screen and (max-width: 480px) {
  .wrapper {
    display: none; }
  #mobile-wrap {
    width: 96%;
    margin: 0 auto; }
    #mobile-wrap img {
      max-width: 100%;
      width: 100%;
      height: auto;
      vertical-align: top;
      border: none; }
    #mobile-wrap .mobile .header h1 {
      margin: 0;
      text-align: center; }
      #mobile-wrap .mobile .header h1 img {
        width: 50%; }
    #mobile-wrap .mobile .whats, #mobile-wrap .mobile .price, #mobile-wrap .mobile .access {
      margin-bottom: 80px; }
      #mobile-wrap .mobile .whats h2, #mobile-wrap .mobile .price h2, #mobile-wrap .mobile .access h2 {
        position: relative;
        display: block;
        padding: 0 55px;
        text-align: center;
        color: #80c260; }
      #mobile-wrap .mobile .whats h2:before, #mobile-wrap .mobile .whats h2:after, #mobile-wrap .mobile .price h2:before, #mobile-wrap .mobile .price h2:after, #mobile-wrap .mobile .access h2:before, #mobile-wrap .mobile .access h2:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 65px;
        height: 2px;
        border-top: solid 1px black;
        border-bottom: solid 1px black; }
      #mobile-wrap .mobile .whats h2:before, #mobile-wrap .mobile .price h2:before, #mobile-wrap .mobile .access h2:before {
        left: 0; }
      #mobile-wrap .mobile .whats h2:after, #mobile-wrap .mobile .price h2:after, #mobile-wrap .mobile .access h2:after {
        right: 0; }
    #mobile-wrap .mobile .map h2 {
      position: relative;
      display: block;
      padding: 0 55px;
      text-align: center;
      color: #80c260; }
    #mobile-wrap .mobile .map h2:before, #mobile-wrap .mobile .map h2:after {
      content: '';
      position: absolute;
      top: 50%;
      display: inline-block;
      width: 65px;
      height: 2px;
      border-top: solid 1px black;
      border-bottom: solid 1px black; }
    #mobile-wrap .mobile .map h2:before {
      left: 0; }
    #mobile-wrap .mobile .map h2:after {
      right: 0; }
    #mobile-wrap .mobile .foot {
      padding: 40px;
      text-align: center;
      border-top: 1px solid #ccc; }
      #mobile-wrap .mobile .foot a {
        color: #555; } }