@media screen{
body,h1,h2,h3,h4,h5,h6,a,span,img,p,ul,li{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;}
/*
#linkedin{position: fixed;top: 30px;z-index: 100;left: 90%;}
#linkedin img{width: 50%;}
*/
#wrapper{width: 960px;margin-left: 43%;}

img{margin:100px 0px 50px 0px;margin-left: 24%;}

h1{font-weight:lighter;font-size:3em;margin-left:7%;letter-spacing: 2px;}

#home{position:absolute;top: 50px;}
a{color:#000;text-decoration:none;width: 160px;}
a:hover{color:#000;text-decoration:none;}

/*global navigation*/
#globalnav{position:absolute;top: 700px;left: 505px;width:687px;height:100px;}
#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: 55px;}
#html{left:0px;}
#website{left:100px;}
#graphic{left:200px;}
#tech-comm{left: 0px;}
#programming{left: 100px;}


p, #container{text-align:center;}
#container img{width:50%;margin-bottom:50px;}

/*footer*/
#footer{}
#footer p{color:#000;font-size: 3em;}
}

@media screen and (max-width: 1023px){
#wrapper{width: 960px;margin-left: 4%;margin-top: 15%;}

img{margin:2% 25%;}
#linkedin img{}

/*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:;}


p, #container{text-align:center;}
#container img{width:50%;margin-bottom:50px;}

}