/*
General stuff
*/

html, body {
  font-family: 'PT Sans', sans-serif;
  color: #1e1e28;
  padding: 0;
  margin: 0;
  }

body {

  background:
    url(../image/bg_vanlife.jpg)     /* image */
    top left /                       /* position */
    cover                            /* size */
    no-repeat                        /* repeat */
    fixed                            /* attachment */
    padding-box                      /* origin */
    content-box                      /* clip */
    #666;                             /* color */
  height: 100vh;
}

.wrapper {
  text-align: center;
  height: 100vh;
}

.content {
  height: 70vh;
  padding-top: 15%;
  text-transform: uppercase;
}

.footer {
  background-color: #666;
  height: 10vh;
  opacity: 0.9;
  display: inline;
  position: fixed;
  bottom: 0px;
  display: table;
  padding-top: 5%;
  width: 100%;
}

h1 {
  color: #eee;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: bolder !important;
}

.btn a {
  background:    #27221e;
  border-radius: 11px;
  padding: 20px 45px;
  color: #eee;
  display: inline-block;
  font: normal bold 16px/1 "Open Sans", sans-serif;
  text-align: center;
  text-decoration: none;
}



/* -- Responsive Styles (Media Queries) ------------------------------------- */
/*
Hides the menu at `48em`, but modify this based on your app's needs.
*/
@media (min-width: 48em) {}

@media (max-width: 48em) {
  .content {
    padding-top: 20%;
  }

  .footer {
    padding-top: 10%;
  }
}