/* CSS for Sub pages */
.orderedlist
 {
   width: 950px;
  margin-left: auto;
  margin-right: auto;
}

ol {
  color: #ccc;
  list-style-type: none;
}

ol li
{
    position: relative;
  font: bold italic 45px/1.5 'Roboto';
  margin-bottom: 20px;
}

li p
{
  font: 15px 'Roboto', sans-serif;
  padding-left: 60px;
  color: black;
  text-align: center;
  width: 80%;
}

li h2
{
  font: 30px 'Oswald', sans-serif;  /* :O it loads my google font */
  color: black;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: underline;
}

li img 
{
	margin-left: auto;
	margin-right: auto;
	display: block; /* Meme Centering */
}

span {
  position: absolute;
}

/* Main CSS centered designs */

.LiImg
{
  /* align: center; I dont think this works meh */
  margin-left: auto;
  margin-right: auto;
  /* Gotta make these the same size */
  width: 70%;
  height: 60%;	
}

.HeaderCenter
{
	text-align:center;
	margin-left: auto;
	margin-right:auto;
	margin-top: 5%;
	text-decoration: underline;
	font-size: 300%;
}

.ContentDescription
{
	text-align:center;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Montserrat';
	width: 70%;
	margin-top: 3%;
}