header{
  Position:sticky;
  top:0;
  color: #ff7003;
	background-color: #093395;
	Text-align:center;
	text-shadow: 2px 2px 5px #000000;
	Border-radius: 20% 0 20% 0;
	padding: 1rem;
  overflow:hidden;
  Margin-bottom:.5rem;
  Z-index:2;
}
#Logo{
  Position:absolute;
  Top:2rem;
  left:0;
	Opacity:65%;
  width:25%;
}
h1{
  padding:0 2rem 0 2rem;
  Text-align:center;
  Font-family: "Charm", cursive;
  Font-weight: 400;
  Font-style: normal;
}
#hamnav {
  width: 100%;
  text-align: right;
}
#hamitems a {
  Position:relative;
  Left:2rem;
  flex-grow: 1;
  flex-basis: 0;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  background-color:#cf5b02;
  color: #000000;
  font-size:18px;
  box-sizing: border-box;
  display: block;
  width: 85%;
  border: .25rem inset #2327fa;
  border-radius:25% 0% 25% 0%;
}
#hamitems a:hover {
  background: #af0d0d;
  border:.375rem outset #2327fa;
  Text-decoration:underline;
  Text-underline-offset:.125rem;
  font-size:24px;
  cursor:pointer;
}
#hamnav label, #hamburger {
  display: none;
}
#hamnav label {
    display: inline-block; 
    color: #ff7003;
    background: transparent;
    font-style: normal;
    font-size: 2.5em;
    padding: 10px;
}
#hamitems {
  display: none;
}
#hamnav input:checked ~ #hamitems {
  display: block;
}
#ham-menu{
  Position:absolute;
  Top:4.5rem;
  right:.75rem;
}
#ham-menu:hover{
	cursor:pointer;
}
body{
	background: radial-gradient(at right top, #CF851D, #CB0202BF);
  background-repeat: no-repeat;
}
figcaption{
  color: #ffffff;
	text-align:center;
  font-size:18px;
}
.fig-link{
	background-color:#093395;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.top3{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  Border:.75rem double Black;
  justify-content:center;
}
h2{
  Text-align:center;
  Text-decoration:underline;
  font-size:36px;
  Padding:1rem;
}
.runner-ups{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  Border:.75rem double Black;
  justify-content:center;
  Text-decoration:underline;
  font-size:22px;
}
figure img:hover{
  Text-align: center;
	transform: scale(.95);
  cursor: pointer;
}
#f1{
	Border:1rem outset #1BE01B;
}
.fig-link > *{
  Flex: 1 1 0px;
}
#f2{
	Border:1rem outset #2B5CCD;
  
}
#f3{
	Border:1rem outset #17C2C2;
  
}
#f4{
	Border:1rem outset #FF9F50;
  
}
#f5{
	Border:1rem outset #008B00;
  
}
#f6{
	Border:1rem outset #006868; 
}
footer{
  Margin-top:.25rem;
 	Text-align: center; 
}
#links{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#links a{
  color:black;
  text-decoration: none;
  font-weight:500;
  border:.25rem outset black;
  background-color:#5178D1;
	padding:.125rem;
}
#links a:hover{
  color:red;
  border:.25rem inset #5178D1;
}
#quote{
	font-family: "Corinthia", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:24px;
	Text-align:center;
}
@media screen and (min-width: 570px){
  #hamitems a{
  	Position:relative;
  	width:80%;
  	left:2.5em;
  }
  #Logo{
  	Position:absolute;
  	Top:1.5rem;
  	left:0;
  	width:25%;
	}
  #ham-menu{
  	Position:absolute;
  	Top:3rem;
  	right:.75rem;
	}
  .fig-link{
  	width:35%;
    Margin:1rem;
  }
  figcaption{
    Position:relative;
    bottom:-.125rem;
  	Padding:2rem;
  }
  #links a{
		padding:.5rem;
	}
}
@media screen and (min-width: 680.8px){
  header{
    z-index:1;
  }
  #hamitems a{
  	Position:relative;
  	width:80%;
  	left:3.25em;
  }
  #Logo{
  	Position:absolute;
  	Top:.75rem;
  	left:.75rem;
  	width:22.5%;
	}
  #ham-menu{
  	Position:absolute;
  	Top:3rem;
  	right:.75rem;
	}
  .fig-link{
  	width:25%
  }
 
}
@media screen and (min-width: 780.8px){
  header{
    z-index:1;
  }
  #Logo{
  	Position:absolute;
  	Top:1.5rem;
  	left:.75rem;
  	width:18%;
	}
  #ham-menu{
  	Position:absolute;
  	Top:3rem;
  	right:.75rem;
	}
   
  #links a{
    Font-size:16px;
	padding:.5rem;
	}
}
@media screen and (min-width: 900px){
  header{
    z-index:1;
  }
   #hamitems a{
  	Position:relative;
  	width:80%;
  	left:6.5em;
  }
  #Logo{
  	Position:absolute;
  	Top:1.25rem;
  	left:.75rem;
  	width:12%;
	}
  #headshot{
  	Position:relative;
  	Left:15rem;
    width:40%
  }
  #intro-para{
		padding:.125rem 4.5rem 2.5rem 4.5rem;
	}
}