.select {
          background-color: #FFFFFF; 
          border: 1px solid #d7d7d7;
          color: black;
          padding: 15px 32px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
		  font-family: 'Laila', serif;
          font-size: 14px;
          cursor: pointer;
          border-radius: 5px;
        }
        
        .select:hover {
          background-color: #990000;
          color: white;
        }

		body {
		    	margin-top: 25px;
		    	margin-bottom: 25px;
		        background-color: #f4f2ed;
		    	background-image: url("/img/redox-02.png");
		        font-family: 'Laila', serif;
		        
                display: grid;
                place-content: center;
                grid-gap: 0.5rem;
		}
		
		h1 { 
		    	font-weight: 800;
		    	color: #1A5276;
		    	font-family: 'Mountains of Christmas', cursive; 
		    	font-size: 275%;
		    	letter-spacing: 1px;
		    	text-align: center;
		    	padding-top: 5px;
		    	padding-bottom: 2px;
		}

		h3 {  
		    	color: #1A5276;
		    	font-family: 'Lakki Reddy', cursive;
		    	text-align: center;
		    	font-size: 125%;
		    	padding-top: 0px;
		    	padding-bottom: 5px;
		}
		
		h5 { 
		    	font-weight: 400; 
		    	color: #1A5276;
		    	text-transform: uppercase;
		    	font-size: 50%;
		    	letter-spacing: 3px;
		    	text-align: center;
		    	padding-top: 15px;
		    	padding-bottom: 5px;
		}

		.emph {
			color: 000;
			font-weight: 400;
			font-family: 'Lakki Reddy', cursive;
		}
		
        .back-link {
            text-align: center;
            margin-top: 1.5em;
            font-size: 80%;
        }
		
		.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: #767f99; font-style: italic;}
		.redtext {color: #1A5276;}
		a {
		    text-transform: uppercase;
		    font-weight: bold;
		    letter-spacing: 2px;
		}
		/* unvisited link */
		a:link {
		    color: #1A5276;
		    text-decoration: none;
		}
		
		/* visited link */
		a:visited {
		    color: #1A5276;
		    text-decoration: none;
		}
		
		/* mouse over link */
		a:hover {
		    color: #767f99;
		    text-decoration: underline;
		}
		
		/* selected link */
		a:active {
		    color: #1A5276;
		    text-decoration: none;
		}
		
		.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;  
		    margin-left: auto; 
		    margin-right: auto;
		    max-width: 250px;
		}
		
		img.block {
		    display: block;
		}
		
		@media screen and (max-width: 600px) {
			.container { margin: auto; position: relative; width: 450px; }
			img { max-width: 125px }
		}
		    		
		@media screen and (max-width: 480px) {
			.container { margin: auto; position: relative; width: 380px; }
			img { max-width: 125px }
		}
		    		
		@media screen and (max-width: 390px) {
			.container { margin: auto; position: relative; width: 320px; }
			img { max-width: 100px }
		}
				
		@media screen and (max-width: 320px) {
			.container { margin: auto; position: relative; width: 300px; }
			img { max-width: 100px }
		}