html,body {
  font-family: 'Montserrat', sans-serif;
  padding: 1em 2em;
  font-size: 12px;
  background: #FFF;
  color: #FFF;
}

h1,h2 {
  font-weight: 200;
  margin: 0.4em 0;
  width: 100%;
  text-align: center;
}
h1 { font-size: 24px; font-weight: 600; }
h2 {
  color: #888;
  font-size: 35px;
}

p{
  color: #000;
  line-height: 20px;
  margin-bottom: 35px;
  font-size: 18px!important;
  font-weight: 300;
  text-align: center;
  display:block;
}


a{
  color: #000;
  font-size: 15px;
  width: 100%;
  font-weight: 300;
  text-align: center;
  display:block;
}

.logo{
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    display: block;
    margin-bottom:15px;
}

.container{
    width: auto;
    height: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


@media only screen and (max-width: 640px) {
  .container{
    width: 100%;
    height: auto;
    margin-top: 15%;
  }

  .logo{
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
    display: block;
    margin-bottom:15px;
}

p{
  color: #000;
  line-height: 20px;
  margin-bottom: 35px;
  font-size: 16px!important;
  font-weight: 300;
  text-align: center;
  display:block;
}

a{
  color: #000;
  font-size: 14px;
  width: 100%;
  font-weight: 300;
  text-align: center;
  display:block;
}



}