@charset "UTF-8";
/* CSS Document */

*{box-sizing:border-box}
 

body{background-color: lightsteelblue}

.banner{background-color: steelblue; color: aliceblue; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; text-align: center; padding: 10px;font-size: 30px}

ul{list-style-type: none; background-color: aliceblue;margin: 0;padding: 10px 0px 10px 0px}

.footer{float: left; width:100%;display:block; background-color:steelblue; color: aliceblue; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; text-align: center; font-weight: normal;font-size: 20px;height: 80px;padding-top: 20px}

li{display: inline;padding: 0px 200px 0px 100px;text-align: center}

li a{text-decoration: none; color: steelblue;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";font-weight: bold;font-size: 20px;text-align: center}
li a:visited{font-style: italic;color: rebeccapurple}

.resume{text-decoration: underline; color: aliceblue;font-size: 18px;font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}

.headshot{width: 40%;display: inline}
.bio{background-color: steelblue; color: aliceblue;width: 60%;float: right;padding: 0px 40px 38px 40px;font-size: 18px;font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";font-weight: lighter}

.button{text-decoration: none;background-color: aliceblue; color: steelblue;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";font-weight: bold;font-size: 20px; width: 45%;margin: auto;padding-left: 20px}

.workfig{float: left; width: 50%;padding:15px;margin: auto}
.contactfig{display: block; float:left;width: 33%;padding:15px;margin: auto}
.headlines{font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";color: steelblue;font-weight: bold; font-size: 22px; background-color: aliceblue}

@media screen and (max-width:850px){
	.headshot{width: 100%; height: auto}
	.bio{width:100%;height:auto}
	.workfig{display: block; width: 100%; height: auto}
	.contactfig{width: 100%; height: auto}
	li{display: block;padding: 15px 0px 15px 10px;width:10%;margin: auto}
}