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

#wrapper{width: 960px;height: 10500px;}

img#logo{position: relative;left: 0px;top: 100px;}

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

/*global navigation*/
#globalnav{position: relative;top: 0px;left: 184px;width: 687px;height:90px}
#globalnav a{font-size:2em;}
#html, #website, #graphic, #tech-comm, #programming{position:relative;display:inline-block;}
#html, #website, #graphic{top:0px;}
#tech-comm, #programming{top: 30px;}
#html{left:0px;}
#website{left:100px;}
#graphic{left:200px;}
#tech-comm{left: 0px;}
#programming{left: 100px;}

h1, h2, h3{font-weight: lighter;margin-left: 33%;letter-spacing: 2px;}
h2, h3{font-size: 3em;}

h1{font-size: 4em;}
h2{margin-top: 50px;margin-left: 70px;}
h3{margin-left: 110px;margin-top: 100px;}

#container{position: relative;top: 100px;}
#container img{margin-top: 100px;width:100%;}
}

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

#wrapper{width: 960px;padding-bottom: 100px;}
img#logo{}

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

/*global navigation*/
/*global navigation*/
#globalnav{height: 120px;top: 730px;left: 106px;}
#globalnav a{}
#html, #website, #graphic{top:;left:;}
#tech-comm, #programming{top:;left:;}
#html{top:;}
#website{top:;}
#graphic{top:;}
#tech-comm{top:;}
#programming{top:;}

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