:root {
	--IK000057: url("https://ttv5.s3.amazonaws.com/img/ik/IK000057.svg");
	--SA000064: url("https://ttv5.s3.amazonaws.com/img/sa/SA000064.png");
}
section.pageant {
	margin: 0;
	width: 100%;
	background-color: inherit;
}
}
section.pageant article {
	margin: 0;
	font-size: 1.5rem;
}

section.pageant article.h0 {
	background-image: var(--SA000064);
	background-repeat: no-repeat;
	background-size: 25% auto;
	background-position: 5% 50%;
	background-color:#E4E4E4;
	padding:25px;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 5px white;
	border: 5px solid #e4e4e4;
}

section.pageant article.h0 ul {
	list-style: none;
	margin-left: 30%;
	text-align:left;
}
section.pageant article.h0 ul li {
	background-image: var(--IK000057);
	background-repeat: no-repeat;
	background-size: 3%;
	background-position: left center;
	
}

section.pageant p {
	text-align:left;
}

section.pageant article.h0 li {
	padding:5px 10px 5px 42px;
}

@media only screen
 and (min-device-width: 320px) 
 and (max-width: 480px) {
	h1 {
		padding-bottom:10px;
	}
	
	section.pageant {
		min-width:auto;
	}
		
	section.pageant article {
		Font-size: 1rem;
	}
	section.pageant article.h0 ul {
		margin-left: 0;
	}
	
	section.pageant article.h0 {
		background-position: 50% 75%;
		background-size:50% auto;
	}
	section.pageant article.h0 ul li {
		background-size: 15%;
	}
	
	section.pageant article.h0 p:nth-of-type(2) {
		margin-top:100px;
	}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1280px)  {  
	h1 {
		padding-bottom:10px;
	}
	
	section.pageant {
		min-width:auto;
	}
	
	section.pageant article.h0 ul {
		margin-left: 0;
	}
	
	section.pageant article.h0 {
		background-position: 50% 75%;
	}
	
	section.pageant article.h0 p:nth-of-type(2) {
		margin-top:150px;
	}

}