@media screen and (min-width: 700px){
  img.head{float: left; padding-bottom: 20px; display: inline; width: 20%; padding-left: 20px;}
  img.logo{float: right; padding-bottom: 20px; width: 40%;}
h1{text-align: center; color: white; font-family: gabriola; font-size: 55px;}
body{background-color: green;}
ul{text-align: center; font-size: 15px; font-family: courier; margin-top: 50px;}
li{width: 20%; display:inline;}
a{border: 3px solid white; ; padding: 10px; color: white; background:green; text-decoration: none;}
a:hover{background:white; text-decoration: underline; color: green;}
h2{text-align: center; color: white; font-size: 50px; font-family: gabriola;}
p{text-align: center; color: white; font-size: 16px; font-family: georgia; margin-left: 30px; margin-right: 30px}
figure{display: inline-block; width: 45%;}
h3.name{text-align: left; font-size: 27px; color: white; font-family: georgia;}
h3.name2{text-align: left; font-size: 27px; color: white; font-family: georgia; margin-left: 30px}
img.scan{margin-left: 30px}
figcaption{text-align: left; color: white; font-family: georgia;}
video{float:center;margin-left: 30px; margin-top: 8px}
video.fish{float:center;margin-left: 0px; margin-top: 18px}
p.link{text-align: left; margin-left: 30px}
a.website{border: 3px green; background-color: none}
figure.shirt{padding-left: 0px;}
footer{background-color: black;}
}
@media screen and (min-width: 1200px){
  img.head{float: left; padding-bottom: 50px; display: inline; width: 10%; padding-left: 30px;}
  img.logo{float: right; padding-bottom: 50px; width: 22%; margin-left: -120px}
h1{text-align: center; color: white; font-family: gabriola; font-size: 75px; margin-left: 50px}
body{background-color: green;}
ul{text-align: center; font-size: 25px; font-family: courier; margin-top: 60px;}
li{width: 20%; display:inline;}
a{border: 3px solid white; ; padding: 10px; color: white; background:green; text-decoration: none;}
a:hover{background:white; text-decoration: underline; color: green;}
h2{text-align: center; color: white; font-size: 50px; font-family: gabriola;}
p{text-align: center; color: white; font-size: 20px; font-family: georgia; margin-left: 30px; margin-right: 30px}
figure{display: inline-block; width: 25%;}
h3.name{text-align: left; font-size: 27px; color: white; font-family: georgia;}
h3.name2{text-align: left; font-size: 27px; color: white; font-family: georgia; margin-left: 30px}
img.scan{margin-left: 30px}
figcaption{text-align: left; color: white; font-family: georgia;}
video{float:center;margin-left: 30px}
video.fish{float:center;margin-left: 0px; margin-top: 18px}
video.reel{float:center;margin-left: 450px; margin-top: -38px}
p.link{text-align: left; margin-left: 30px}
a.website{border: 3px green; background-color: none}
figure.shirt{padding-left: 250px;}
footer{background-color: black;}
}