@charset "utf-8";          /*  0.CSS   */

html {
	background-attachment: fixed;
	overflow: scroll;
}
body, body:hover, html:hover body {
    max-width: 95rem;
	height: 90vh;
    margin: 0 auto;
    line-height: 1;
    background: transparent;
	min-height: 85vh;
	z-index: 1;
}
.errors {
    background: #0CF;
    color: #F20;
    margin: 0 auto;
    padding: .5rem;
    border: 1px solid #2F2;
    border-radius: .5rem;
}
main, main:hover, html:hover main, body:hover main {
	background-color: transparent;
}
/************************************************************************************************************************/
	main {
		position: relative;
		left: -5vmax;
		width: 90vmax;
		max-height: 82.5vh;
		margin: 0 auto;
		padding: 0 .5rem;
		background-color: transparent;
		z-index: 2;
		display: grid;
		grid-template-rows: 5vh 12vh 40vh 10vh 20vh 2vh;
		grid-template-columns: 100%;
		grid-row-gap: 0;
		justify-content: center;
		grid-template-areas: "nav"
		"header"
		"content"
		"spacer"
		"footer";
	}
/************************************************************************************************************************/
	.nav_same {
		grid-area: nav;
		list-style: none;
		list-style-type: none;
		position: fixed;
		top: .15vh;
		left: 7.5%;
		width: 90vw;
		height: 4.5vmax;
		margin: 0 auto -2vmx;
		padding: 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
		align-items: flex-start;
		overflow: hidden;
	}
/*********************************************************************************************************************/
/*********************************************************************************************************************/
	.nav_same li a button {
		top: -1vh;
		width: 3.5vw;
		height: 3.5vh;
		text-align: center;
		margin: -3vh 0;
		cursor: pointer;
		background: linear-gradient(#D9D9D9, #757575);
		box-shadow: inset 0 0 .8rem #FFA500;
		z-index: 10;
		font-size: calc(.75rem + 2vw)/3.5);
		font-weight: 400;
		color: #8B0000;
	}
	.nav_same li a button:hover {
		padding: -.5rem auto 1rem;
		background: linear-gradient(#757575, #D9D9D9);
		color: #0FC;
	}
	.nav_same li a button:active {
		color: #F0C;
		background: transparent;
	}
/************************************************************************************************************************/
	header {
		grid-area: header;
		text-align: center;
		width: 100%;
		height: 15vh;
		margin: -1vh auto -1.5vh;
		overflow: hidden;
		z-index: 8;
		display: grid;
		grid-template-rows: 8vh 2vh;
		grid-template-columns: 100%;
		grid-row-gap: 0;
		justify-content: center;
		grid-template-areas: "headline"
		"subhead";
	}
	.Eight-Dee {
		grid-area: headline;
		display: block;
		margin: 0 auto;
		padding: 0;
		border: 0;
		background: transparent;
		font-family: pacifico, serif;
		color: #FC3;
		font-weight: bold;
		font-size: 7.5vh;
		text-align: center;
		text-shadow: 0px 0px 0 rgb(23,21,239),1px 1px 0 rgb(21,26,234),
		2px 2px 0 rgb(20,2,200),3px 3px 0 rgb(17,8,218),
		4px 4px 0 rgb(17,13,197),5px 5px 0 rgb(18,18,166),
		6px 6px 0 rgb(144,144,144),7px 7px 6px rgba(0,0,0,0.6),
		7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2),
		-2px -2px 0 #000, -3px -3px 0 rgba(2,2,60,.8);
		text-decoration: none;
	}
	header h2 {
		grid-area: subhead;
		display: block;
		margin: 0 auto;
		background-color: transparent;
		text-align: center;
		font-size: 3vh;
		text-shadow: .35rem .35rem .35rem #000, -.3rem -.3rem .45rem #0CF;
	}
	header h2:hover {
		background-color: transparent;
		text-shadow: .35rem .35rem .35rem #FFF, -.35rem -.35rem .65rem #FFF,
		.5rem .5rem .45rem #000, -.5rem -.5rem .75rem #000;
	}
	#content {
		grid-area: content;
		width: 90%;
		margin: 0 auto;
		margin: -5vh auto 5vh;
		height: 45vh;
		padding: 1vmax;
	}
	#login {
		width: 90%;
		height: 40vh;
		padding: 1vmax;
		background-color: #7CFC00;
		color: #333;
		outline: 1vmin solid #F0E68C;
		overflow: scroll;
	}
	p, #content > article p {
		color: #000;
		margin: 1vmin;
		font-size: max(((2rem + 2vw)/3.5), .95rem);
		line-height: 1.5;
		text-indent: 7.5%;
		text-align: justify;
		text-align-last: auto;
	}
	#spacer {
		width: 100%;
		height: 7.5vmin;
		margin-bottom: -5vmax;
	}
	footer {
		grid-area: footer;
		position: fixed;
		bottom: -1.5vh;;
		left: 0;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		height: 25vh;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		align-items: center;
		z-index: 2;
	}
	#wrote {
		text-align: center;
		color: #F19;
		font-size: 1.5vmax;
		font-weight: bolder;
		text-shadow: .1vmax .1vmax 0 0 #0CF, -.1vmax -.1vmax 0 0 #CF0;
	}
/************************************************************************************************************************/
form {
    max-height: 12rem;
    z-index: 4;
    margin: 4rem auto;
}
.nav_0 {
    border: .1rem solid #000;
    height: 2rem;
    margin: 0 auto -3rem;
    padding: 0 1rem;
    border-radius: .5rem;
}
.nav_0 {
    background-color: #3BFF20;
}
.nav_0 li a:link button, .nav_0 li a:visited button {
    color: #FF1B2E;
}
h1, h2, h3, h3, h4, h5, h6 {
    line-height: 1.5;
    font-weight: bolder;
    text-align: center;
    z-index: 12;
}
/*  ===================================================================================  */
/*  ==================================================================================  */
.nav_0, .nav_1 {
    outline: 1px solid #000;
    height: 2rem;
    margin: 0 auto;
    padding: 0 1rem;
    border-radius: .5rem;
}
nav {
    max-width: 100%;
	margin: 1rem auto;
	padding: 0;
    padding-bottom: 1rem;
	background: transparent;
}
.nav_00 {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.nav_00 a {
    margin: 3rem;
}
.nav_00 a::first-of-type {
    margin-left: 0;
}
.nav_00 a::last-of-type {
    margin-right: 0;
}
.Three-Dee, a h1.Three-Dee {
  background: transparent;
  font-family: kaushanScript-regular, serif;
  color: #D35;
  font-weight: bold;
  font-size: 5rem;
  text-align: center;
  text-shadow: 0px 0px 0 rgb(1,231,231),1px 1px 0 rgb(6,216,216),
  2px 2px 0 rgb(2,20,2),3px 3px 0 rgb(7,18,8),
  4px 4px 0 rgb(3,173,173),5px 5px 0 rgb(18,158,158), 
  6px 6px 0 rgb(144,144,144),7px 7px 6px rgba(0,0,0,0.6),
  7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2),
  -2px -2px 0 #000, -3px -3px 0 rgba(9,0,253,.8);
  text-decoration: none;
}
.Seven-Dee, a h1 .Seven-Dee {
    display: block;
	font-family: belligerent, Arial, sans-serif;
    color: #FF3;
    font-size: 6.5rem;
    text-align: center;
    text-shadow: .25rem .25rem .4rem rgba(0, 0 , 0, .8), 0 -.25rem .2rem rgba(123, 123, 123, .6);
    margin-bottom: -1rem;
}
.Seven-Dee:hover, a h1 .Seven-Dee:hover, .Eight-Dee:hover {
  text-shadow: 0px 0px 0 rgb(233,213,29),1px 1px 0 rgb(231,216,2),
  2px 2px 0 rgb(230,203,2),3px 3px 0 rgb(217,238,2),
  4px 4px 0 rgb(172,133,17),5px 5px 0 rgb(8,183,16), 
  6px 6px 0 rgb(14,44,4),7px 7px 6px rgba(255,0,0,0.6),
  7px 7px 1px rgba(0,0,255,0.5),0px 0px 6px rgba(0,0,250,.2),
  -2px -2px 0 #000, -3px -3px 0 rgba(2,2,60,.8);
  text-decoration: none;
}
.Nine-Dee {
    font-family: note_this, Arial, sans-serif;
    color: #FF3;
    font-size: 6.5rem;
    display: block;
    text-align: center;
    text-shadow: .35rem .35rem .5rem rgba(0, 0 , 0, .8), 0 -.35rem .3rem rgba(133, 133, 133, .65);
    margin-bottom: -1rem;
}
.Nine-Dee:hover {
    color: #FF1;
    text-shadow: .35rem .35rem .5rem rgba(255, 0 , 0, .8), 0 -.35rem .3rem rgba(133, 233, 233, .66);
}
.Ten-Dee {
    font-family: carrington, Arial, sans-serif;
    color: #3F3;
    font-size: 6.5rem;
    display: block;
    text-align: center;
    text-shadow: .65rem .45rem .75rem rgba(246, 0 , 228, .85), 0 -.35rem .3rem rgba(33, 33, 33, .75);
    margin-bottom: -1rem;
}
.Ten-Dee:hover {
    color: #FF6;
    text-shadow: 0px 0px 0 rgb(23,21,239),1px 1px 0 rgb(21,26,234),
    2px 2px 0 rgb(20,2,20),3px 3px 0 rgb(170,8,238),
    4px 4px 0 rgb(170,3,239),5px 5px 0 rgb(188,118,66), 
    6px 6px 0 rgb(244,4,224),7px 7px 6px rgba(0,0,0,0.75),
    7px 7px 1px rgba(0,0,0,2.75),0px 0px 6px rgba(3,0,0,.25),
    -2px -2px 0 #000, -3px -3px 0 rgba(112,2,60,.8);
    text-decoration: none;
}
.azn-white {
    background-color: #FFD;
    margin: 4rem auto;
    padding: .75rem;
    color: #864103;
    font-weight: bold;
    border: .5rem solid #884026;
    border-radius: .5rem;
    z-index: 1;
}
.azn {
	width: 100%;
    background-color: #000;
    margin: 0 auto;
    padding: 1rem;
    color: #FFF;
    font-weight: bold;
    outline: 1rem solid #E84006;
    box-shadow: inset 0 0 1rem #3F25AA;
    z-index: 1;
}
section ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 4;
}
section ul li img {
	display: inline-block;
    max-width: 360px;
    height: 320px;
    margin: 1rem;
    border-radius: .75rem;
    outline: .25rem solid #FF3;
    z-index: 4;
}
section ul li img:hover {
    border-radius: 1.25rem;
     outline: .25rem solid #FF9;
}
aside {
    max-width: 46%;
    margin: .3rem;
    padding: .7rem;
    border: .1rem outset #033; 
    border-radius: .2rem;
    text-align: center;
}
/*  End Bottom NAV */
header a h2, header a h2:link, header a h2:visited {
    color: #0F6;
    text-align: center;
    display: inline;
    font-family: morpheus, serif;
	font-size: 2rem;
    background: transparent;
    text-shadow: 1px 1px #F06, -1px -1px #000;
    margin-bottom: 2rem;
}
header a h2:hover {
    color: #C0F;
    font-family: bilbo-regular, serif;
    background: transparent;
	font-size: 2.5rem;
    text-decoration: none;
    margin-bottom: 1.5rem;
}
/**********************************************************************************************/
#close {
	display: block;
    margin: 0 auto;
	background: linear-gradient(#EAEAEA, #636363);
	color: #F07;
	padding: .5rem auto 1rem;
	border: 0;
	outline: .25rem solid #F00;
}
#close:hover {
	background: linear-gradient(#636363, #EAEAEA);
	color: #70F;
	border: 0;
	outline: .25rem solid gold;
}
/**********************************************************************************************/
#contact {
    display: block;
    margin: 0 auto;
	cursor: pointer;
	padding-top: .5rem;
	text-align: center;
	width: 8rem;
	height: 1.8rem;
	background: linear-gradient(#D9D9D9, #858585);
    box-shadow: inset 0 0 .25rem #F03;
    text-decoration: none;
	outline: .25rem solid #F00;
    z-index: 3;
}
#contact::before {
	content: 'Contact Us';
	color: #F03;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.25rem;
}
#contact:hover {
	background: linear-gradient(#858585, #D9D9D9);
    box-shadow: inset 0 0 .25rem #0D0;
	outline: .25rem solid gold;
}
#contact::before:hover {
	content: 'Contact Us';
	font-weight: bolder;
	color: #0D0;
	text-decoration: none;
}
#contact:active {
    box-shadow: inset 0 0 #CCC;
    color: #404;
    background: #A73;
    box-shadow: inset 0 0 .25rem #404;
}
/**********************************************************************************************/
#copy {
	font-size: 1.5vmax;
	font-weight: bolder;
	text-align: center;
}
/**********************************************************************************************/
/************************************************************************* 1600 **************************************************************************/
@media only screen and (max-width: 95rem) {
	body, body:hover, html:hover body {
	    max-width: 75rem;
		min-height: 90vh;
	}
	.nav_0, .nav_1 {
	    height: 1.8rem;
	    border-radius: .35rem;
	}
	.nav_1 {
	    background-color: #FF1B2E;
	    margin-top: -2.5rem;
	}
	header {
		height: 6.5rem;
	}
	#content {
	    max-width: 55rem;
		padding-bottom: 6rem; /* Height of the footer element */
	}
	#can-flag {
	    max-width: 55rem;
	    margin: 0 auto;
	    background: transparent;
		padding-bottom: 6.5rem; /* Height of the footer element */
	}
	h1 {
	    font-size: 2.65rem;
	}
	h2 {
	    font-size: 1.85rem;
	}
	h3 {
	    font-size: 1.35rem;
	}
	.big {
	    font-size: 1.2rem;
	}
	h4 {
	    font-size: .85rem;
	}
	h5 {
	    font-size: .65rem;
	}
	h6 {
	    font-size: .35rem;
	}
	.full {
	    max-width: 75rem;
	}
/**********************************************************************************************/
	#wrote {
		position: absolute;
		bottom: 2.75rem;
		left: calc(50% - 20rem);
		color: #FF9;
	    font-size: 1.25rem;
	}
/**********************************************************************************************/
	p {
	    font-size: 1rem;
		text-indent: 1.5rem;
		margin: .35rem;
	}
	.nav_0, .nav_1 {
	    outline: 1px solid #000;
	    height: 1.85rem;
	    border-radius: .35rem;
	}
	nav {
		margin: 0 auto;
	}
	.nav_00 a {
	    margin: 2.65rem;
	}
	header h2 {
	    font-size: 2.65rem;
	    text-shadow: .25rem .25rem .25rem #000, -.25rem -.25rem .35rem #0CF;
	}
	.Three-Dee, a h1.Three-Dee {
	  font-size: 4rem;
	}
	.Seven-Dee, a h1 .Seven-Dee {
	    font-size: 4.5rem;
	    text-shadow: .2rem .2rem .35rem rgba(0, 0 , 0, .8), 0 -.2rem .2rem rgba(123, 123, 123, .6);
	    margin-bottom: -.8rem;
	}
	.Seven-Dee:hover, a h1 .Seven-Dee:hover, .Eight-Dee:hover {
	  text-shadow: 0px 0px 0 rgb(233,213,29),1px 1px 0 rgb(231,216,2),
	  2px 2px 0 rgb(230,203,2),3px 3px 0 rgb(217,238,2),
	  4px 4px 0 rgb(172,133,17),5px 5px 0 rgb(8,183,16), 
	  6px 6px 0 rgb(14,44,4),7px 7px 6px rgba(255,0,0,0.6),
	  7px 7px 1px rgba(0,0,255,0.5),0px 0px 6px rgba(0,0,250,.2),
	  -2px -2px 0 #000, -3px -3px 0 rgba(2,2,60,.8);
	  text-decoration: none;
	}
	.Eight-Dee {
	  font-family: pacifico, serif;
	  font-size: 6rem;
	}
	.Nine-Dee {
	    font-size: 5rem;
	    text-shadow: .25rem .25rem .35rem rgba(0, 0 , 0, .8), 0 -.25rem .25rem rgba(133, 133, 133, .65);
	    margin-bottom: -.8rem;
	}
	.Ten-Dee {
	    font-size: 5rem;
	    text-shadow: .5rem .35rem .5rem rgba(246, 0 , 228, .85), 0 -.25rem .25rem rgba(33, 33, 33, .75);
	    margin-bottom: -.8rem;
	}
	header h2, article h2, section h2 {
		font-size: 2.75rem;
	}
	.quid_sub {
	    font-size: 3rem;
	}
	.louis_sub {
		font-size: 4rem;
	    text-shadow: .12rem .12rem #F3F, -.12rem -.12rem #264, .3rem .2rem #000, -.3rem -.2rem #36F;
	}
	.moe {
		font-size: 4rem;
	    text-shadow: .2rem .2rem .3rem rgba(215, 0 , 133 .75), 0 -.2rem -.2rem rgba(3, 253, 103, .85);
	}
/* end of header stuff */
	.quo {
	    margin: 1.8rem auto;
	    padding: .8rem;
	    background: linear-gradient(to right, #0CF, #0FC);
	    border-radius: .35rem;
	}
	.azn-white {
	    margin: 2.5rem auto;
	    padding: .5rem;
	    border: .35rem solid #884026;
	    border-radius: .35rem;
	}
	.east {
	    margin: 1rem auto;
	    padding: .35rem;
	    border: .35rem outset #D42;
	    border-radius: .5rem;
	}
	.royalty {
	    margin: 1rem auto;
	    padding: .5rem;
	    border-radius: .35rem;
	}
	.zn-white {
	    margin: 1rem auto;
	    margin: 1rem auto;
	    padding: .25rem;
	    border: .35rem solid #364029;
	    border-radius: .35rem;
	}
	.zn-white p {
	    margin: .7rem;
	}
	section ul li img {
		display: inline-block;
	    max-width: 300px;
	    height: 260px;
	    margin: .75rem;
	    border-radius: .5rem;
	    outline: .2rem solid #FF3;
	}
/*  End Bottom NAV */
	header h2 a, header h2 a:link, header h2 a:visited {
		font-size: 1.75rem;
	    margin-bottom: 1rem;
	}
/************************************************************************************************************************/
	.nav_sam {
	    padding: 0 .35rem;
	}
	.small_button, .nav_sam li {
	    height: 2vh;
	    max-width: 7.5%;
	    padding-bottom: .5rem;
	}
	.small_button a:link, .nav_sam li a:link
	.small_button a:visited, .nav_sam li a:visited {
		font-size: calc((1.8rem + 2vw)/2.75);
	}
/************************************************************************************************************************/
	.nav_same li a {
	    height: 2vh;
	    max-width: 7.5%;
	    padding: .35rem .75rem;
		font-size: calc((1.8rem + 2vw)/2.75);
		cursor: pointer;
	}
	.pix {
	    margin: .75rem auto;
	    padding: .75rem;
	}
	.pix img {
	    margin: .75rem 0;
	    border: .12rem outset #E39506;
	}
	.pix img:hover {
	    border: .12rem inset #435256;
	}
	.disclaim, .azn-white .pix .disclaim {
	    font-size: 2rem; 
	    margin: .75rem 0;
	    border: .12rem outset #E39506;
	}
	.disclaim:hover, .azn-white .pix .disclaim:hover {
	    border: .125rem inset #435256;
	}
/**********************************************************************************************/
	#close {
		padding: .35rem auto 1rem;
		border: .25rem solid #F00;
	}
	#close:hover {
		border: .25rem solid gold;
	}
/**********************************************************************************************/
	#contact {
		padding-top: .35rem;
		width: 6.5rem;
		height: 1.65rem;
	    box-shadow: inset 0 0 .2rem #F03;
	    border-radius: .15rem;
	}
	#contact::before {
		font-size: 1.2rem;
	}
	#contact:hover {
	    box-shadow: inset 0 0 .2rem #0D0;
	}
/**********************************************************************************************/
	#copy {
		bottom: 1.75rem;
		left: calc(50% -4.5rem);
	}
/**********************************************************************************************/
	a.bottom button {
	    bottom: .75rem;
	    right: 1.5rem;	
	}
	#increment {
	    position: fixed;
	    bottom: 3.5rem;
	    right: 1.75rem;	
	}	
/**********************************************************************************************/
#close {
    display: flex; 
    flex-flow: row nowrap; 
    justify-content: space-around; 
    align-items: center;
	width: 6vw;
	margin: 0 auto 3rem;
    height: 1.5vh;
	text-align: center;
	background: linear-gradient(#EAEAEA, #636363);
	padding: .25rem;
	border: .2vmax groove #0F0;
	outline: .2vmax solid #F00;
    outline-offset: .15vmax;
}
#close::before {
	content: "Close";
	color: #E34;
	text-align: center;
	font-size: calc((1.75rem + 2vw)/3.5);
	font-weight: 700;
    text-shadow: .12vmax .12vmax 0 #0C2;
}
#close:hover {
	background: linear-gradient(#636363, #EAEAEA);
	color: #43E;
	border: .185vmax double #F00;
	outline: .2vmax solid #00F;
}
#close:hover::before {
	color: #43E;
    text-shadow: .1vmax .1vmax 0 #C92;
}
/**********************************************************************************************/
/**********************************************************************************************/
/********************************************** 1200 *************************************************************/
@media only screen and (max-width: 75rem) {
	body, body:hover, html:hover body {
	    max-width: 65rem;
		min-height: 85vh;
	}
	a, a:link, a:visited, a:hover {
	    font-size: 1rem;
	}
	.errors {
	    padding: .35rem;
	    border-radius: .35rem;
	}
	form {
	    max-height: 10rem;
	    margin: 2.5rem auto;
	}
	.nav_0, .nav_1 {
	    height: 1.75rem;
	    margin: 0 auto -2.25rem;
	    padding: 0 .75rem;
	    border-radius: .35rem;
	}
	.nav_1 {
	    margin-top: -2.65rem;
	}
	header {
		height: 6.25rem;
		overflow: hidden;
	}
	#content {
	    max-width: 35rem;
		padding-bottom: 4.25rem; /* Height of the footer element */
	}
	h1 {
	    font-size: 2.25rem;
	}
	h2 {
	    font-size: 1.65rem;
	}
	h3 {
	    font-size: 1.25rem;
	}
	h4 {
	    font-size: .75rem;
	}
	h5 {
	    font-size: .65rem;
	}
	h6 {
	    font-size: .35rem;
	}
/**********************************************************************************************/
	#wrote {
		bottom: 2.5rem;
		left: calc(50% - 20rem);
	    font-size: .75rem;
	}
/**********************************************************************************************/
	p {
	    font-size: 1rem;
		text-indent: 1.5rem;
		margin: .35rem;
	}
	.nav_0, .nav_1 {
	    outline: 1px solid #000;
	    height: 1.65rem;
	    padding: 0 .75rem;
	    border-radius: .25rem;
	}
	.nav_00 a {
	    margin: 1rem;
	}
	header h2,header h2:hover  {
	    background-color: transparent;
	    font-size: 2rem;
	    text-shadow: .225rem .225rem .225rem #000, -.25rem -.25rem .35rem #0CF;
	}
	.Three-Dee, a h1.Three-Dee {
	  font-size: 4rem;
	}
	.Seven-Dee, a h1 .Seven-Dee {
	    font-size: 5rem;
	    text-shadow: .25rem .25rem .4rem rgba(0, 0 , 0, .8), 0 -.25rem .2rem rgba(123, 123, 123, .6);
	    margin-bottom: -1rem;
	}
	.Eight-Dee {
	  font-size:6rem;
	}
	.Nine-Dee. .Nine-Dee:hover {
	    font-size: 5rem;
	    display: block;
	    text-shadow: .2rem .2rem .25rem rgba(0, 0 , 0, .8), 0 -.2rem .2rem rgba(133, 133, 133, .65);
	    margin-bottom: -.65rem;
	}
	.Ten-Dee {
	    font-size: 5rem;
	    text-shadow: .35rem .35rem .45rem rgba(246, 0 , 228, .85), 0 -.2rem .2rem rgba(33, 33, 33, .75);
	    margin-bottom: -.65rem;
	}
	header h2, article h2, section h2 {
		font-size: 2rem;
	    text-shadow: none;
	}
	.quid_sub {
	    font-size: 2.5rem;
	    text-shadow: none;
	}
	.louis_sub {
		font-size: 2.5rem;
	    display: inline;
	    text-shadow: none;
	}
	.moe {
		font-size: 2.5rem;
	    text-shadow: .25rem .25rem .3rem rgba(215, 0 , 133 .75), 0 -.25rem -.2rem rgba(3, 253, 103, .85);
	}
	.moe:hover {
	 	color: #2F6;
	    text-shadow: none;
	}
/* end of header stuff */
	.quo {
	    margin: 0 auto;
	    padding: 0;
	    border: none;
	}
	.azn-white {
	    margin: 2rem auto;
	    padding: .5rem;
	    border: .25rem solid #884026;
	    border-radius: .25rem;
	}
	header h2 a, header h2 a:link, header h2 a:visited {
		font-size: 1.5rem;
	    background: transparent;
	    margin-bottom: 0;
	}
	header h2 a:hover {
		font-size: 1.5rem;
	}
/************************************************************************************************************************/
	.small_button, .nav_sam li {
	    height: 2vh;
	    max-width: 6.5%;
	    padding-bottom: .5rem;
	}
	.small_button a:link, .nav_sam li a:link
	.small_button a:visited, .nav_sam li a:visited {
		font-size: calc((1rem + 2vw)/2.75);
	}
/************************************************************************************************************************/
	.nav_same li a {
	    height: 2vh;
	    max-width: 6.5%;
	    padding: .25rem .65rem;
		font-size: calc((1rem + 2vw)/2.75);
		cursor: pointer;
	}
	#base {
	      position: fixed;
	      bottom: 1.25rem;
	      left: calc(50% - 1rem); 
	}
	#contact {
	    display: block;
	    margin: 0 auto;
		cursor: pointer;
		padding-top: .5rem;
		text-align: center;
		width: 6.5rem;
		height: 1.5rem;
	}
	#contact::before {
		font-size: 1rem;
	}
}
/**********************************************************************************************/
/**************************************** 960 ***********************************************/
@media only screen and (max-width: 60rem) {
	body, body:hover, html:hover body {
	    max-width: 55rem;
		min-height: 85vh;
	}
	a, a:link, a:visited, a:hover {
	    font-size: .85rem;
	}
	.errors {
	    padding: .25rem;
	    border-radius: .25rem;
	}
	form {
	    max-height: 7.5rem;
	    margin: 2rem auto;
	}
	.nav_0, .nav_1 {
	    height: 1.25rem;
	    margin: 0 auto -2rem;
	    padding: 0 .5rem;
	    border-radius: .25rem;
	}
	.nav_1 {
	    margin-top: -2.5rem;
	}
	header {
		height: 6rem;
		overflow: hidden;
	}
	h1 {
	    font-size: 2rem;
	}
	h2 {
	    font-size: 1.5rem;
	}
	h3 {
	    font-size: 1.2rem;
	}
	h4 {
	    font-size: .65rem;
	}
	h5 {
	    font-size: .45rem;
	}
	h6 {
	    font-size: .235rem;
	}
/**********************************************************************************************/
	#wrote {
		bottom: 2rem;
		left: calc(50% - 16rem);
	    font-size: .55rem;
	}
/**********************************************************************************************/
	p {
	    font-size: .85rem;
		text-indent: 1.25rem;
		margin: .25rem;
	}
	.nav_0, .nav_1 {
	    height: 1.5rem;
	    padding: 0 .5rem;
	    border-radius: .2rem;
	}
	.nav_00 a {
	    margin: .75rem;
	}
	header h2,header h2:hover  {
	    font-size: 1.5rem;
	    text-shadow: .2rem .2rem .2rem #000, -.2rem -.2rem .3rem #0CF;
	}
	.Three-Dee, a h1.Three-Dee {
	  font-size: 3.5rem;
	}
	.Seven-Dee, a h1 .Seven-Dee {
	    font-size: 4rem;
	    text-shadow: .2rem .2rem .3rem rgba(0, 0 , 0, .8), 0 -.2rem .15rem rgba(123, 123, 123, .6);
	    margin-bottom: -.75rem;
	}
	.Eight-Dee {
	  font-size: 4.5rem;
	}
	.Nine-Dee. .Nine-Dee:hover {
	    font-size: 4rem;
	    text-shadow: none;
	    margin-bottom: -.5rem;
	}
	.Ten-Dee {
	    font-size: 4rem;
	    text-shadow: none;
	    margin-bottom: -.5rem;
	}
	header h2, article h2, section h2 {
		font-size: 1.5rem;
	    text-shadow: none;
	}
    /* end of header stuff */
	.azn-white {
	    margin: 1.5rem auto;
	    padding: .25rem;
	    border: .15rem solid #884026;
	    border-radius: .15rem;
	}
	header h2 a, header h2 a:link, header h2 a:visited {
		font-size: 1.25rem;
	}
	header h2 a:hover {
		font-size: 1.35rem;
	}
/************************************************************************************************************************/
	.small_button, .nav_sam li {
	    height: 1.75vh;
	    max-width: 5%;
	    padding-bottom: .25rem;
	}
	.small_button a:link, .nav_sam li a:link
	.small_button a:visited, .nav_sam li a:visited {
		font-size: calc((.85rem + 1.752vw)/3);
	}
/************************************************************************************************************************/
	.nav_same li a {
	    height: 1.65vh;
	    max-width: 5%;
	    padding: .15rem .5rem;
		font-size: calc((.85rem + 1.752vw)/3);
	}
	#base {
	      position: fixed;
	      bottom: 1rem;
	      left: calc(50% - .65rem); 
	}
	#contact {
		padding-top: .35rem;
		width: 5rem;
		height: 1.25rem;
	}
	#contact::before {
		font-size: .85rem;
	}
}
/************************************************************************************************************************/