html  { color:#FFF;font-family:arial;height:100%;font-size:1em;}


body {
  padding-top:5vw;
  background-color:#22102e;
  height:100vh;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  vertical-align:center;
}

article#region-main {
  background:#22102e;
  display:block;
  width:95vw;
  max-width:700px;
  height:95%;
  min-width:325px;
  min-height:225px;
  margin:0 auto;
  overflow:hidden;
}

header {
  text-align:left;
  width:80%;
  margin:20px auto;
  text-align:center;
}

h1 {
  font-size:130%;
}

p {
 font-size:100%;
}

header h1,
header p {
  display:inline-block;
  width:14%;
  vertical-align:top;
  text-align:left;
  transform:rotate(7deg);
  padding:10px;
}


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

@media only screen and (max-width:1024px) {
    html {�font-size:120%; }
    header h1,
    header p { display:block;width:80%;vertical-align:top;text-align:left;transform:rotate(2deg);padding:10px;}
    }