body {
  background: url(../img/paper.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Just Another Hand', cursive;
  letter-spacing: 0.02em; }

p {
  font-family: 'Shadows Into Light', cursive;
  font-size: 1.2em;
  letter-spacing: 0.02em; }

a {
  font-family: 'Shadows Into Light', cursive;
  letter-spacing: 0.02em;
  color: #257c7b; }

#mainContainer {
  margin-top: 30px;
  margin-bottom: 5px; }

#whiteBlock {
  background: rgba(255, 255, 255, 0.5);
  margin-top: 25px;
  padding: 40px 15px 15px; }

.columns {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 10px; }

@media only screen and (max-width: 40em) {
  h1 {
    font-size: 1.8em;
    letter-spacing: 0.03em; }

  p {
    font-size: 1.1em; }

  #mainContainer {
    margin: 15px 10px 15px; }

  #whiteBlock {
    margin-top: 15px;
    padding: 20px 10px 0; }

  .columns {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  #mainContainer {
    margin: 30px 30px; }

  #whiteBlock {
    margin-top: 25px;
    padding: 20px 10px 10px; }

  .columns {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 10px; } }

/*# sourceMappingURL=mainStyle.css.map */