body {
            margin-top: 25px;
            margin-bottom: 25px;
            background-color: #f4f2ed;
            background-image: url("/img/redox-02.png");
            font-family: 'Old Standard TT', serif;
            font-size: 110%;
		}
		
		h1 { 
	    	font-weight: 800; 
	    	color: #E54759;
	    	text-transform: uppercase;
	    	font-size: 150%;
	    	letter-spacing: 3px;
	    	text-align: left;
	    	padding-top: 5px;
	    	padding-bottom: 15px;
		}

		h3 {  
	    	font-weight: 400; 
	    	color: #E54759;
	    	text-transform: uppercase;
	    	font-size: 90%;
	    	letter-spacing: 3px;
	    	text-align: center;
	    	padding-top: 15px;
	    	padding-bottom: 5px;
		}
		
		h5 { 
	    	font-weight: 400; 
	    	color: #E54759;
	    	text-transform: uppercase;
	    	font-size: 50%;
	    	letter-spacing: 3px;
	    	text-align: center;
	    	padding-top: 15px;
	    	padding-bottom: 5px;
		}
		
		.container { margin: auto; position: relative; width: 600px; }
		.graytext {color: #3C3F3D;}
		.footertext {
			color: #808080;
	    	text-transform: uppercase;
	    	font-size: 50%;
	    	letter-spacing: 3px;
	    	text-align: center;
	    	padding-top: 1cm;
	    	padding-bottom: 15px;
		}
		.abouttext {color: #858585; font-style: italic;}
		.redtext {color: #E54759;}
		
		a {
		    text-transform: uppercase;
		    font-weight: bold;
		    letter-spacing: 3px;
		}
		/* unvisited link */
		a:link {
		    color: #E54759;
		    text-decoration: none;
		}
		
		/* visited link */
		a:visited {
		    color: #E54759;
		    text-decoration: none;
		}
		
		/* mouse over link */
		a:hover {
		    color: #767f99;
		    text-decoration: underline;
		}
		
		/* selected link */
		a:active {
		    color: #E54759;
		    text-decoration: none;
		}
		
		p.lore {
			border: 2px dotted #808080;
			border-radius: 12px;
			text-align: center;
			padding: 10px 8px 10px 8px;
	    	font-size: 80%;
	    	text-transform: uppercase;
	    	margin: 0px 15px 0px 15px;
		}
		
		img { border: 0; display: block; margin-left: auto; margin-right: auto; }
				
		@media screen and (max-width: 600px) {
			.container { margin: auto; position: relative; width: 450px; }
			img { max-width: 380px }
		}
		    		
		@media screen and (max-width: 480px) {
			.container { margin: auto; position: relative; width: 380px; }
			img { max-width: 320px }
		}
		    		
		@media screen and (max-width: 390px) {
			.container { margin: auto; position: relative; width: 320px; }
			img { max-width: 240px }
		}
				
		@media screen and (max-width: 320px) {
			.container { margin: auto; position: relative; width: 300px; }
			img { max-width: 250px }
		}