@media screen{
*{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, h4{font-weight: lighter;margin-left: 17%;letter-spacing: 2px;}
h2, h3, h4{margin-top: 100px;font-size: 3em;margin-left: 300px;}
h1{font-size: 4em;}
h2{margin-left: 250px;}

#container{margin-left: 50px;}
#container img{margin-top: 100px;width:100%;}
#html, #website, #graphic, #programming{position:absolute;}

img#type, img#calendar, img#calendar-final, img#poster{position:relative;left:-50px;}

}

@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:75px;}

img#type{margin-left:110px;}
img#calendar{margin-left:125px;}
img#calendar-final{margin-left:125px;}
img#poster{margin-left:125px;}

/*global navigation*/
#globalnav{position: relative;height: 30px;top: -60px;left: 100px;}
#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: 29%;}
h2, h3, h4{margin-left: 385px;}
}