body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #ffffff;
	background-size: contain;
	color: #000000;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 13px;
}

h2
{
	font-size: 2em;
	font-weight: bold;
	margin: .5vh 2vh .5vh 2vh;
}

a:link {
  text-decoration: inherit;
}

a:active {
  text-decoration: inherit;
}

a:visited {
  text-decoration: inherit;
}

a:hover {
  text-decoration: inherit;
}

.pageHeader
{
	margin-bottom: 2vh;
	background: #33afff;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.mainContentDiv
{
	margin: 0 auto 1vh auto;
	border-radius: 25px;
	background: #6ab5e6;
	width: 90%;
	min-width: 500px;
	color: #ffffff;
}
.footer
{
	margin: 1vh auto 2vh auto;
	width: 90%;
	min-width: 500px;
	color: #000000;
	text-align: center;
}

.linkTiles
{
	text-align: center;
}

.linkTileDiv
{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	border-radius: 10px;
	padding: 1vh 1vw 1vh 1vw;
	background: #ffffff;
	width: 90%;
	min-width: 300px;
	color: #000000;
}

.buyButtonDiv
{
	text-align: center;
	margin-top: 1vh;
}

.buyButton
{
	background: #ff7a33;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	padding: .25vh 1vw .25vh 1vw;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 0 1vw .5vh 1vw;
	cursor: pointer;
	width: 60%; 
}

.itemPic
{
	vertical-align: top;
	float: left;
	padding: 1vh 1vw 1vh 0;
}
.itemDesc
{
	vertical-align: top;
}

.sectionDiv
{
	display: none;
}

.sectionHeading
{
	color: #ffffff;
	font-weight: bold;
	padding: .25vh 0 .25vh 0;
	border: none;
	text-align: center;
	text-decoration: none;
	display: none;
	margin: 0;
	cursor: pointer;
	width: 100%;
	font-size: 2em;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.expander
{
	background: #ff7a33;
}
.collapser
{
	background: #ff9c55;
}


/*computer screen*/
@media (min-aspect-ratio: 1/1) {
	.mainContentDiv
	{
		max-width: 100vh;
	}

	.linkTileDiv
	{
		max-width: 30vh;
		margin: 2vh 2vw 2vh 2vw;
	}
	
	.itemPic
	{
		width: 150px;
	}

	.writingSample
	{
		width: 50%;
	}
}
/*mobile device*/
@media (max-aspect-ratio: 1/1) {
	.mainContentDiv
	{
		font-size: 2em;
	}
	
	.smallHeading
	{
		font-size: 2em !important;
	}

	.linkTileDiv
	{
		margin: 2vh auto 2vh auto;
	}
	
	.itemPic
	{
		width: 75%;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.buyButton
	{
		width: 90%;
		height: 5vh;
		font-size: 2em;
		vertical-align: middle;
	}
	
	.writingSample
	{
		width: 100%;
	}	
	
}

img
{
	border: 0;
}

.fieldName
{
	font-weight: bold;
}

.smallHeading
{
	font-weight: bold;
	font-size: 1.12em;
}

.medHeading
{
	font-weight: bold;
	font-size: 1.25em;
}

.tip
{
	font-style: italic;
	font-size: .85em;
}

.bordered
{
	border: 1px solid;
}

.writingSample
{
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
.writingSampleSource
{
	font-style: italic;
	text-align: right;
	font-weight: bold;
}