@charset "UTF-8";

@font-face {
    font-family: 'AGR';
    src: url('font/AGR.otf');
	font-family: 'AGM';
    src: url('font/AGM.otf');}
	
	
	
/* Mobile Layout: 480px and below. */


html {
	background:#fff;
	width:100;

}

/* =============================================================================
   Images
   ========================================================================== */
img {margin-bottom:2%;}



/* =============================================================================
   Links
   ========================================================================== */

a { color:#000;text-decoration:underline; }
a:visited { color: black; }
a:hover { color:#000; cursor: pointer; background:white; text-decoration: none;}
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
a img:hover {cursor: cell;background:yellow;text-decoration:none;}



/* =============================================================================
   Typography
   ========================================================================== */
@font-face {
    font-family: 'AGR';
    src: url('font/AGR.otf');}
	
@font-face {
	font-family: 'AGM';
    src: url('font/AGM.otf');}



p { 
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:#000;
	font-size:14px;
	line-height:1.2em;
	font-weight:400;
}
h1 {
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:black;
	text-shadow: none;
	font-size:22px;
	line-height:1em;
	letter-spacing: 0.02em;
	font-weight:400;
	margin-bottom: .1em;
	text-transform:unone;
	text-align:left;
	word-spacing:0;
}
h2 {
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:#000;
	font-size:14px;
	line-height:14px;
	letter-spacing: 0.02em;
	margin-bottom: .1em;
	text-transform:none;
	text-align:left;
	word-spacing:0;
		font-weight:400;


}

/* =============================================================================
   Content
   ========================================================================== */
#back {
	clear: both;
	float: left;
	margin-left: 1%;
	width: auto;
	display:block;
	padding:0%;
	background-color:transparent;
	position:fixed;
	
	
}

#prismism {
	clear: both;
	float: left;
	margin-left: 2%;
	width:96%;
	display: block;
	margin-top: 2%;
	margin-bottom:0%;
	padding-right: 0%;
	background-color:#fff;
	
	
}

#text {
	clear: both;
	float: left;
	margin-left: 2%;
	width:96%;
	display: block;
	margin-top: 5%;
	margin-bottom:0%;
	padding-right: 0%;
	background-color:#fff;
	
	
}

#footer {
	clear: both;
	float: left;
	margin-left: 2%;
	width:96%;
	display: block;
	margin-top: 5%;
	margin-bottom:0%;
	padding-right: 0%;
	background-color:#fff;
	
	
}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
html {
	background:#fff;

}

/* =============================================================================
   Images
   ========================================================================== */
img {margin-bottom:5%;}



/* =============================================================================
   Links
   ========================================================================== */

a { color:#000;text-decoration:underline; }
a:visited { color: black; }
a:hover { color:#000; cursor: pointer; background:white; text-decoration: none;}
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
a img:hover {cursor: cell;background:yellow;text-decoration:none;}



/* =============================================================================
   Typography
   ========================================================================== */
@font-face {
    font-family: 'AGR';
    src: url('font/AGR.otf');}
	
@font-face {
	font-family: 'AGM';
    src: url('font/AGM.otf');}



p { 
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:#000;
	font-size:18px;
	line-height:1.2em;
	font-weight:400;
}
h1 {
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:black;
	text-shadow: none;
	font-size:22px;
	line-height:1em;
	letter-spacing: 0.02em;
	font-weight:400;
	margin-bottom: .1em;
	text-transform:unone;
	text-align:left;
	word-spacing:0;
}
h2 {
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:#000;
	font-size:18px;
	line-height:22px;
	letter-spacing: 0.02em;
	margin-bottom: .1em;
	text-transform:none;
	text-align:left;
	word-spacing:0;
		font-weight:400;
					margin-top: 1%;



}

/* =============================================================================
   Content
   ========================================================================== */
#back {
	clear: both;
	float: left;
	margin-left: 1%;
	width: auto;
	display:block;
	padding:0%;
	background-color:transparent;
	position:fixed;
	
	
}

#prismism {
	clear: both;
	float: left;
	margin-left: 10%;
	width:90%;
	display: block;
	margin-top: 5%;
	margin-left:5%;
	
	
}

#text {
	clear: both;
	float: left;
	margin-left: 5%;
	width:90%;
	display: block;
	margin-top: 10%;
	margin-bottom:0%;
	padding-right: 0%;
	background-color:#fff;
	
	
}

#footer {
	clear: both;
	float: left;
	margin-left: 10%;
	width:80%;
	display: block;
	margin-top: 10%;
	margin-bottom:10%;
	padding-right: 0%;
	background-color:#fff;
	
	
}


/* Desktop Layout: 769px to a max of 1280px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


html {
	background:#fff; width:100%;	margin-top: 0%;


}

/* =============================================================================
   Images
   ========================================================================== */
img {margin-bottom:5%;}



/* =============================================================================
   Links
   ========================================================================== */

a { color:#000;text-decoration:underline; }
a:visited { color: black; }
a:hover { color:#000; cursor: pointer; background:white; text-decoration: none;}
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
a img:hover {cursor: cell;background:yellow;text-decoration:none;}



/* =============================================================================
   Typography
   ========================================================================== */
@font-face {
    font-family: 'AGR';
    src: url('font/AGR.otf');}
	
@font-face {
	font-family: 'AGM';
    src: url('font/AGM.otf');}



p { 
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:#000;
	font-size:18px;
	line-height:1.2em;
	font-weight:400;
}
h1 {
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:black;
	text-shadow: none;
	font-size:22px;
	line-height:1em;
	letter-spacing: 0.02em;
	font-weight:400;
	margin-bottom: .1em;
	text-transform:unone;
	text-align:left;
	word-spacing:0;
}
h2 {
	font-family: "AGR",Helvetica Neue,Helvetica,Arial,sans-serif;	
	color:#000;
	font-size:22px;
	line-height:30px;
	letter-spacing: 0.02em;
	margin-bottom: .1em;
	text-transform:none;
	text-align:left;
	word-spacing:0;
		font-weight:400;
			margin-top: 1%;



}

/* =============================================================================
   Content
   ========================================================================== */
#back {
	clear: both;
	float: left;
	margin-left: 1%;
	margin-top: 1%;
	width: auto;
	display:block;
	padding:0%;
	background-color:transparent;
	position:fixed;
	
	
}

#prismism {
	clear: both;
	float: left;
	margin-left: 10%;
	width:90%;
	display: block;
	margin-top: 5%;
	margin-left:5%;
	
	
}

#text {
	clear: both;
	float: left;
	margin-left: 5%;
	width:90%;
	display: block;
	margin-top: 10%;
	margin-bottom:0%;
	padding-right: 0%;
	background-color:#fff;
	
	
}

#footer {
	clear: both;
	float: left;
	margin-left: 10%;
	width:80%;
	display: block;
	margin-top: 10%;
	margin-bottom:10%;
	padding-right: 0%;
	background-color:#fff;
	
	
}