@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: 250px}
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;}
h2.style{text-align:center; font-family: Consolas;}
p.intro{text-align:center;}
h2.sub{font-family: Consolas;}
div.white{background-color:white; border: white; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px; margin-right: 50px}
div.black{border: white; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px; margin-right: 50px}
p.color{color:black}
div.purple{background-color:purple; border: purple; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px; margin-right: 50px}
div.gray{background-color:gray; border: gray; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px}
p.cour{font-family:Courier; font-size: 70px; display:inline-block; margin-right: 50px}
p.con{font-family:Consolas; font-size: 70px; display:inline-block; margin-right: 50px}
p.tnr{font-family:Times New Roman; font-size: 70px; display:inline-block;}
p.para{margin-right: 50px}
button.view{color:white; background-color: purple; font-family: Courier; border-radius: 60px; border-color:white; margin-right: 30px}
button.view:hover{color:purple; background-color: white; border-color: purple;}
button.submit{background-color: purple; color: white; font-size: 48px; font-family: Courier; border-radius: 12px;}
button.submit:hover{background:white;color: purple;}
figure{display:inline-block; width: 27%}
img.pi1{width: 70%}
h3.head{font-family:Courier; color:white; font-size: 18px}
figcaption{color:white;}
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.submit2{background-color: purple; color: white; font-size: 48px; font-family: Courier; float:right; border-radius: 12px; margin-top: -50px; margin-right: 100px}
button.submit2:hover{background:white;color: purple;}
div.border{border: purple; border-style:solid; width; width: 500px; height: 200px;}
}
@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: 250px}
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;}
h2.style{text-align:center; font-family: Consolas;}
p.intro{text-align:center;}
h2.sub{font-family: Consolas;}
div.white{background-color:white; border: white; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px; margin-right: 50px}
div.black{border: white; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px; margin-right: 50px}
p.color{color:black}
div.purple{background-color:purple; border: purple; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px; margin-right: 50px}
div.gray{background-color:gray; border: gray; border-style:solid; border-radius: 30px; display:inline-block; font-family: Courier; font-size: 30px}
p.cour{font-family:Courier; font-size: 50px; display:inline-block; margin-right: 50px}
p.con{font-family:Consolas; font-size: 50px; display:inline-block; margin-right: 50px}
p.tnr{font-family:Times New Roman; font-size: 50px; display:inline-block;}
p.para{margin-right: 600px}
button.view{color:white; background-color: purple; font-family: Courier; border-radius: 60px; border-color:white; margin-right: 30px}
button.view:hover{color:purple; background-color: white; border-color: purple;}
button.submit{background-color: purple; color: white; font-size: 48px; font-family: Courier; border-radius: 12px;}
button.submit:hover{background:white;color: purple;}
figure{display:inline-block; width: 27%}
img.pi1{width: 70%}
h3.head{font-family:Courier; color:white; font-size: 18px}
figcaption{color:white;}
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.submit2{background-color: purple; color: white; font-size: 48px; font-family: Courier; float:right; border-radius: 12px; margin-top: -50px; margin-right: 100px}
button.submit2:hover{background:white;color: purple;}
div.border{border: purple; border-style:solid; width; width: 500px; height: 200px;}
}