@media screen and (min-width:750px) {
#surround {padding-top:0%;}

.panel-1 {width: 90%;
  padding-top:0;}

.panel-2 {width: 90%;}

.text { margin:7.5%; margin-top:5%; margin-bottom:5%; float:left; }
.text div {margin-bottom:5%;}


#background-wrapper {height:21em; }
.bg {min-height: 21em;}

/*slideshow*/
#slideshow-wrapper{height:21em;} 

.img-container {width:32.9333333%;}

.piwik-popup {height:auto; min-height:90%; }

/*slideshow*/
#slideshow-wrapper{height:22em;}

.sv {width:102.25%; font-size:0.9em;}


body {font-size:13pt;}

/*headings*/
h1{font-size:1.75em; line-height:1.55em; }
h2{font-size:3.25em; line-height:0.825em;}
h3{font-size:2.25em; line-height:1em;}

/*main header/footer elements*/
#header { height:3.5em;}

#footer {height:auto; padding-bottom:2.5em; padding-top:1.5em; }
#nav {display:inline-block;}

/*logo*/
/*logo*/
#ir-logo {height:3em;width: 39.5%; padding-left:3.5%;}

/*main navigation*/
#nav {font-size:1em; width: 46%; padding-right:5%; list-style-type: none;line-height: 3.5em;  }
#nav ul li a {padding-right:0.8em; padding-left:0.8em;}



/*background bits*/
#background-wrapper {left:0; padding-top:3em; height: 23em;}
.bg {min-height:23em;}
/*slideshow*/
#slideshow-wrapper{left:0; padding-top:3em; height:23em;}


/*project thumbnails*/
#img-container {width:21%; margin:2%; }




#nav ul li a {padding-right:1em; padding-left:1em;}

/*background bits*/
#background-wrapper {height:27em;}
.bg {min-height: 24em;}

/*slideshow*/
#slideshow-wrapper{height:27em;}
}