body {
    background-color: #FAF0E6;
    font-family: ltc-kennerley, serif;
    text-align: center;
}

p {
    text-align: center;
}

img {
    max-width: 100%;
    height: auto;
}

.logo {
    width: 250px;
    margin: 2rem auto;
}

.content {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}


.landing {
    outline: 16px solid white;
  outline-offset: -16px;
   transform: rotateZ(-1.5deg);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    margin-bottom: 1rem;
}

h1 {
    color: #2D2A2E;
    text-align: center;
    font-family: bookman-jf-pro, serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
  .content {
    width: 92%;
    margin: 0 4% 0 4%;
  }
}