@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;}
.canvas_container{overflow: auto;background: #333;text-align: center;border: solid 3px;width: 800px;height: 792px;}
img#logo{position: relative;left: -129px;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: -10px;}
#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;letter-spacing: 2px;}

h2, h3{position:absolute;top: 245px;font-size: 3em;}

h1{font-size:4em;left: 145px;position:relative;}
h2{left: 785px;}
h3{left: 1224px;}
h4{float: left;margin-right: 100px;font-size: 2em;}

.selected, h2:hover, h3:hover, h4:hover{text-decoration:underline;}
h2:hover, h3:hover, h4:hover{text-decoration-color:black;}
.selected{text-decoration-color:lightblue;}

#tech-writing, #elearning{width: 1200px;height:1000px;position: relative;}
#tech-writing, #elearning{top: 150px;}
object{width:100%;height:100%;margin-bottom:30px;}

a #tech-writing, a #elearning{text-decoration:none;}
a:hover #tech-writing, a:hover #elearning{text-decoration:underline;}
}

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

#wrapper{width: 960px;margin-left:0px;}

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

/*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{left: 370px;}
h2{left: 250px;}
h3{left: 650px;}

#tech-writing, #elearning{left: 20px;}
#tech-writing{}
#elearning{}
#tech-writing img, #elearning img{width: 98%;}

}