@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Rajdhani:wght@300;400;500;600;700&family=Uchen&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oranienbaum&family=Ubuntu+Condensed&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

	:root { font-size:16px; }
	* { box-sizing:border-box; }
	html, body { width:100%; margin:0; padding:0; }
	body { _background:url(pics/object/DSC_8537.JPG) no-repeat;
		  background-size:cover;
		display:flex;
		font-family: Merriweather; color:#ffffff;  }
	aside {  background:url('pics/1000039311-02.jpg') no-repeat top center;
			background-size:250px; min-width:300px; padding:30px; line-height: 1.5; }
	nav { display:flex; flex-flow:column; align-items: start; padding-left:2rem; color:#222; }
	nav div {font-family:'Rajdhani'; font-size:26px; font-weight:600; display:flex; flex-flow:column}
	nav div:last-child { font-family: 'Saira Condensed',Merriweather,Oranienbaum; 
		font-weight:300;color:#111;
		font-size:26px;
		}
	nav a { color:inherit; text-decoration:none; }
	main { _background:url(pics/object/DSC_8537.JPG) no-repeat;
		  background-color:#ccc;
		  background-size:cover;
		flex:4; border: 0px solid #000; border-radius:0px; _padding:10px; _padding-top: 3rem;}
	aside h1 {font-family:'Rajdhani'; font-weight:900; font-size:60px; line-height:50px; 
			text-shadow:0px 1px px #000; color:#aaa; padding:2rem 0 0 2rem; }
	img { max-height:300px; border:10px solid #ccc; _box-shadow:12px 12px 0px 0px #6dbb1e; 
		 margin:0 1px 1px 0;}
	#about { align-items:start; line-height:1.8; color:#000; padding:1rem 1rem 1rem 10rem}
	main div {display:flex; flex-direction:row; flex-wrap:wrap; 
			  justify-content:start; align-items:center; padding-top:0rem; font-size:18px;
			  width:100%; height:100%; _background-color:#fffa}
	main h4 { align-self:start; font-family:Rajdhani; text-transform:uppercase; font-size:60px; font-weight:900; 
			 margin:2rem 1rem 3rem 0; color:#fff; text-shadow:1px 1px 0px #345a }
	ul { padding:1rem; line-height:2}
	hr { width:50%; height:5px; border:none; background-color:#aaa; margin:10px 0;}

@media screen and (width < 576px)
{
	hr { display:none;}
	body { flex-direction:column; }
	nav { justify-content:center; flex-direction:row; gap:2rem; padding-left:0; align-items:end;}
	nav div { font-size:120%; }
	nav div:last-child { font-size:130%; line-height:28px; }
	aside { align-items:center; min-width: unset; width: 100%; }
	aside h1 {text-align:center; padding:unset; padding-top:2rem; }
	main { text-align:center}
	main div { display:block}
	main div img { max-height:unset}
	#about { text-align:left; margin-right:0rem; max-width:100% }
	#about h4 { line-height:1;}
	 img { flex-basis:max-content; justify-self: align-self:stretch;width:80%;}
}