body {
  background-color: Yellow;
}



p { 
  font-size: 11em;
  -ms-transform: rotate(7.5deg); /* IE 9 */
  -webkit-transform: rotate(7.5deg); /* Chrome, Safari, Opera */
  transform: rotate(7.5deg);
  font-family: Palanquin Dark;
  text-align: center;
    line-height: 1.5em;

}

strong {
  color: white;
  background-color: black;
}
div strong {
  background-color: transparent;
}

h1 {
  font-family: Palanquin Dark;
  font-weight: 400;
  text-indent: 3em;
  font-size: 3.15em;
  line-height: 1em; max-width:4000px;


}

h2 {
  font-family: Palanquin Dark;
  font-weight: 500;
  text-indent: 6em;
  font-size: 3.15em;
  line-height: 1em; max-width:4000px;


}

h3 {
  font-family: Palanquin Dark;
  font-weight: 600;
  text-indent: 9em; 
  font-size: 3.15em;
  line-height: 1em; max-width:4000px;


}

h4 {
  font-family: Palanquin Dark;
  font-weight: 700;
  text-indent: 12em;
  font-size: 3.15em;
  line-height: 1em; max-width:4000px;


}

h5 {
  font-family: Palanquin Dark;
  font-weight: 400;
  color: white;
  line-height: 1.5em; max-width:4000px;
  position: fixed;
  background-color: #0097bf;
  padding: 20px;
  z-index: 1;
  font-size: .9em;


}

h6 {
	font-family: Palanquin Dark;
	font-weight: 400;
	color: white;
	background-color: #0097bf;
	font-size: 5em;
	max-width:400px;
  padding: 10px;


}

h1, h2, h3, h4, {
  font-size: 50%;
  line-height: 5px; max-width:400px;
}

div {
 padding: 10px 50px 10px 10px;  position:static;
      float: right;
      margin: auto 0;
			width: 20%;
			height: 20%;
			background: inherit;
      font-weight: lighter;
      z-index: 2;

}

div h6 {
 padding: 10px 50px 10px 10px;  position:static;
      float: left;
      margin: auto 0;
      width: 20%;
      height: 20%;
      background-color: #0097bf;
}

.ppbox {
 padding: 10px;  position:relative;
      float: left;
      margin: auto 0;
      width: 100%;
      height: 100%;
      background-color: #0097bf;
      font-family: Palanquin Dark;
      font-weight: 400;
      color:white;
      font-size: 11em;
      max-width:440px;
      clear: left;
      text-align: left;


}


.pbold {
  position:relative;
      float: left;
      margin: auto 0;
      width: 100%;
      height: 100%;
      background-color: #0097bf;
      font-family: Palanquin Dark;
      font-weight: 700;
      color:white;
      font-size: 2em;
      max-width:400px;
        clear: left;

      
}

.psemi-bold {
  position:relative;
      float: left;
      margin: auto 0;
      width: 100%;
      height: 100%;
      background-color: #0097bf;
      font-family: Palanquin Dark;
      font-weight: 600;
      color:white;
      font-size: 2em;
      max-width:400px;
      clear: left;


      
}


.pmedium {
  position:relative;
      float: left;
      margin: auto 0;
      width: 100%;
      height: 100%;
      background-color: #0097bf;
      font-family: Palanquin Dark;
      font-weight: 500;
      color:white;
      font-size: 2em;
      max-width:400px;
        clear: left;


      
}

.pregular {
  position:relative;
      float: left;
      margin: auto 0;
      width: 100%;
      height: 100%;
      background-color: #0097bf;
      font-family: Palanquin Dark;
      font-weight: 400;
      color:white;
      font-size: 2em;
      max-width:400px;
        clear: left;
     
}

box{
    background-color: black;
    float: right;
    margin: auto 0;
    width: 1000%;
    height: 545%;
    max-width: 500px;
    position: relative;


}

.random {
  color: white;
  background-color: black;
  font-family: Palanquin Dark;
  font-weight: 700;
  font-size: 2em;
  float: right;
  max-width: 500px;
  position: relative;
  clear: right;
  text-align: right;



}

.random2 {
  color: white;
  background-color: black;
  font-family: Palanquin Dark;
  font-weight: 600;
  font-size: 2em;
  float: right;
  max-width: 500px;
  position: relative;
  clear: right;
  text-align: right;



}

.random3 {
  color: white;
  background-color: black;
  font-family: Palanquin Dark;
  font-weight: 500;
  font-size: 2em;
  float: right;
  max-width: 500px;
  position: relative;
  clear: right;
  text-align: right;


}

.random4 {
  color: white;
  background-color: black;
  font-family: Palanquin Dark;
  font-weight: 400;
  font-size: 2em;
  float: right;
  max-width: 500px;
  position: relative;
  clear: right;
  text-align: right;



}