@media screen and (min-width: 480px) {
body{background-color: black}
h1{color:white; float:right; font-family: Courier; font-size: 30px; display:inline; margin-right: 35px;}
header{border: purple; border-style:solid;}
img.Sara{display:inline; margin-left: 5px; width: 150px; margin-top:-100px}
ul{text-align: center; font-size: 15px; font-family: Courier;}
li{width: 10%; display:inline;}
a{padding: 10px; color: white; background: purple; text-decoration: none;}
a:hover{background:white; text-decoration: underline; color: purple;}
footer{background-color:purple; padding-bottom: 20px; margin-top: 220px}
p.contact{display:inline; padding: 20px; font-size: 16px; font-family: Courier;}
h2.foot{font-family: Courier; padding-left: 20px}
img.icon1{display:inline; width:11%; padding-left: 20px}
img.icon2{display:inline; width:11%; padding-left: 50px}
img.icon3{display:inline; width:12%; padding-left: 70px}
h2{color:white; font-size: 40px}
p{color:white;}
figure{display:inline-block; width: 27%}
img.pi1{width: 70%}
h3.head{font-family:Courier; color:white; font-size: 18px}
figcaption{color:white;}
button.view{color:white; background-color: purple; font-family: Courier; border-radius: 60px; border-color:white; margin-top: 5px;}
button.view:hover{color:purple; background-color: white; border-color: purple;}
h2.welcome{text-align:center; font-family: Consolas;}
h4.date{color:gray; font-family:Consolas}
img.pi2{width:70%}
img.pi3{width:80%}
div.sub{background-color: gray; float: left;}
h2.subhead{font-family:Courier; font-size:22px}
label{font-family: Courier; color: white; display:block; margin-top: 10px}
input{margin-top: 10px;}
button.submit{background-color: purple; color: white; font-size: 48px; font-family: Courier; float:right; border-radius: 12px; margin-top: -50px; margin-right: 100px}
button.submit:hover{background:white;color: purple;}
}
@media screen and (min-width: 1280px) {
body{background-color: black}
h1{color:white; float:right; font-family: Courier; font-size: 80px; display:inline; margin-right: 35px;}
header{border: purple; border-style:solid;}
img.Sara{display:inline; margin-left: 35px; width: 200px; margin-top:-130px}
ul{text-align: center; font-size: 25px; font-family: Courier;}
li{width: 20%; display:inline;}
a{padding: 10px; color: white; background: purple; text-decoration: none;}
a:hover{background:white; text-decoration: underline; color: purple;}
footer{background-color:purple; padding-bottom: 20px; margin-top: 220px}
p.contact{display:inline; padding: 20px; font-size: 20px; font-family: Courier;}
h2.foot{font-family: Courier; padding-left: 20px}
img.icon1{display:inline; width:5%; padding-left: 20px}
img.icon2{display:inline; width:5%; padding-left: 50px}
img.icon3{display:inline; width:6%; padding-left: 70px}
h2{color:white; font-size: 40px}
p{color:white;}
figure{display:inline-block; width: 27%}
img.pi1{width: 70%}
h3.head{font-family:Courier; color:white; font-size: 18px}
figcaption{color:white;}
button.view{color:white; background-color: purple; font-family: Courier; border-radius: 60px; border-color:white; margin-top: 5px;}
button.view:hover{color:purple; background-color: white; border-color: purple;}
h2.welcome{text-align:center; font-family: Consolas;}
h4.date{color:gray; font-family:Consolas}
img.pi2{width:70%}
img.pi3{width:80%}
div.sub{background-color: gray; float: left;}
h2.subhead{font-family:Courier; font-size:22px}
label{font-family: Courier; color: white; display:block; margin-top: 10px}
input{margin-top: 10px;}
button.submit{background-color: purple; color: white; font-size: 48px; font-family: Courier; float:right; border-radius: 12px; margin-top: -50px; margin-right: 100px}
button.submit:hover{background:white;color: purple;}
}