:root{
	--bttn_bk: hsl(35, 100%, 50%);
	--bttn_hvr: hsl(35, 100%, 60%);
	--bttn_lgt: hsl(35, 100%, 70%);
	--bttn_drk: hsl(35, 100%, 30%);
}
	* {
		box-sizing: border-box;
	}
	body{
		font-family: Georgia, serif;
		font-size: 16px;
		background: hsl(30, 100%, 95%);
		background-image: url("../images/offwhitepaper160.gif");
		background-repeat: repeat;
	}
	
	h1 {
		text-align: center;
		color: hsl(35, 100%, 50%);
		font-size: 2.5rem;
		text-shadow: 2px 2px 2px black;
		margin: .5em 0 1em 0;
	}
	h2 {
		text-align: left;
		color: hsl(35, 100%, 50%);
		font-size: 1.5rem;
		text-shadow: 1px 1px 2px black;
		margin: .5em 0 .3em 0;
	}
	section{
		position: relative;
		max-width: 960px;
		margin: 0 auto;
		display:flex;
		flex-flow: column nowrap;
	}
	header{
		display: flex;
		justify-content: center;
		background-image:url(../images/HD4628front_960x150.jpg);
		background-repeat:no-repeat;
		min-height: 150px;
	}
    .beta {
        font-style: italic;
        color: red;
        font-size: 1.1em;
    }
	.title_txt{
		margin-top: 50px; 
		color: hsl(35, 100%, 50%);
		font-size: 3.5rem;
		text-shadow: .2rem .2rem .3rem black;
	}
		
	nav ul{
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	nav li{
		padding: .3rem;
		margin:.3em;
		background:var(--bttn_bk);
		
	}
	nav a{
		text-decoration: none;
		color:black;
	}
	nav li:hover{
		background-color : var(--bttn_hvr);
		color : black;
	}
 	.bttn_edge{
		border-top: 2px solid var(--bttn_lgt);
		border-right: 2px solid  var(--bttn_lgt);
		border-bottom: 2px solid var(--bttn_drk);
		border-left: 2px solid var(--bttn_drk);
		border-radius: 10px;
	}
	article{
		flex : 0 0 auto;
		margin : 1rem;
		flex-flow : row nowrap;
	}
    .routine_menu  li{
	   margin-bottom: 1em;
	}
	.paratitle{
	/*color : var(--bttn_bk);
	text-shadow : 2px 2px 2px  black;*/
	font-size : 1.2em;
	font-weight : bold;
    }
    
	footer
	{
		flex : 0 0 auto;
		align-self : center;
		font-size : .8em;
		padding : 2em 0;
		min-height : 5em;
		text-align: center;
	}
	@media screen and (max-width: 600px){
		section{
			flex-direction: column;
		}
	}
	@media print{
		body{
			background-color: white;
			background-image: none;
		}
	}