@media screen {
/*general*/
body{margin:0 auto;padding:0;}
h2,span,h3,label,li,a,img,ul,p,h1{margin:0;padding:0;}
body{font-size:75%;line-height:1.3;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}

#wrapper{width: 960px;margin-left: 25%;margin-bottom:100px;}

img#logo{position: relative;left: -125px;top: 12px;}

a{color:#000;text-decoration:none;width: 160px;}
a:hover{color:#000;text-decoration:none;}

/*global navigation*/
#globalnav{position:relative;height:30px;width:899px;top: -60px;left: -5px;}
#globalnav a{font-size:2em;
position:absolute;line-height:30px;display:inline;width:250px;}
#html{position:absolute;left: 75px;}
#website{position:absolute;left: 280px;}
#graphic{position:absolute;left: 510px;}
#programming{position:absolute;left: 725px;}

h1, h2, h3{font-weight: lighter;margin-left: 25%;letter-spacing: 2px;}
h1, h2{font-size: 4em;}
h2{margin-top: 200px;}
h3{font-size: 3em;margin-left: 110px;margin-top: 100px;}
#container{margin-left: 50px;}
#container img{margin-top: 100px;width:100%;}

img#elements, img#menu, img#peterdehart-white, img#peterdehart-black, img#homepage, img#subpage1, img#subpage2{margin-left: -50px;}
img#menu, img#elements{border: 1px solid #000;}

img#restaurant16, img#restaurant16-reversed{width: 30%;height: 30%;}

img#elements{margin-top:50px;}
img#homepage{margin-top: 150px;}
img#restaurant16-reversed{margin-left: 190px;}
img#restaurant16-options{width: 85%;margin-left:-25px;}
img#monogram{width:50%;margin-left: 130px;}
}

@media screen and (max-width: 1023px){

#wrapper{width: 960px;margin-left: -28px;padding-bottom: 100px;}
img#logo{position: relative;left: 40px;top: 12px;}

#container img{margin-left: 30px;}

img#restaurant16{margin-left:175px;}
img#restaurant16-options{margin-left:105px;}
img#monogram{margin-left: 260px;}

/*global navigation*/
#globalnav{position:relative;height:30px;top: -60px;left: 80px;}
#globalnav a{font-size:2em;
position:absolute;line-height:30px;display:inline;width:250px;}
#html{position:absolute;left: 95px;}
#website{position:absolute;left: 290px;}
#graphic{position:absolute;left: 500px;}
#programming{position:absolute;left: 710px;}

h1{margin-left: 340px;}
h2{margin-left: 400px;}
h3{margin-left: 150px;}
}