*	{ box-sizing:border-box; }

h1 {font-size:2.4rem; line-height:2.6rem; margin-left:2%;}

div h2 {font-size:2.3rem; line-height:2.2rem; margin-left:2%;}

div h3 {font-size:2.0rem; line-height:1.8rem; margin-left:2%;}
	
@media (min-width: 856px)
{

html	{ width:100%; max-width:1140px; }

body	{ width:100%; max-width:1120px; }

/* div	{
	width:100%;
	max-width:1100px;
	padding:2%;
	border-radius:15px;
	margin-left:2%;
	margin-right:auto;
	}	
*/
section img  { margin-bottom:0; }
	
h1, h2, p { margin-bottom: 1em !important; }
}
	
@media (max-width: 855px) and (min-width: 521px)
{
    
section {padding:0px;}

ul img  {
	max-width:493px; padding:0;
	margin-left:auto; margin-right:auto;
/*	float:left; */
	}
	
li {	width:100%;
	padding-left:1%;
	font-size:1.6rem !important;
	line-height:1.8rem !important;
	}
}

@media (max-width: 520px) and (min-width: 361px)
{

html, body	{
	width:100%; max-width:520px;
	border-radius:15px;
	margin:0; padding:0;
	}
	
section {padding:0px; margin-left:auto; margin-right:auto;}

section:last-child {padding-bottom: 4rem;} 
	
nav	{
	width:		99%;
	position:	fixed;
	bottom:		0%;
	left:		0%;
	}

nav a	{ width:30%;display:inline !important;}

a.trio	{ white-space:nowrap !important;}	

}

@media (max-width: 360px)
{
    
html, body	{
	width:100%; max-width:360px; padding:0; margin:0;
	}

nav {
	position:		fixed;
	bottom:			0;
	left:			0;
	width:			100%;
	max-width:		334px;
	margin:			20px 0px 0px 0px;
	padding:		5px 6px 5px 4px;
	background-color:	black;
	z-index:		10;
}

nav a {display:inline;}

/* width:100%; padding-right:9px; */

section {width:100%; max-width:334px; padding:2px; margin:0;}

section:last-child {padding-bottom: 5rem;margin:0;} 

p	{ padding-bottom: 1rem !important; }

/* .trio	{display:hidden;} */
}