@media screen and (min-width:900px) {


/*Column Text*/
.col { padding-top:1.75%;}
.col-1 {width:100%; }

.col-3 {width:47%; padding-right:0;padding-bottom:5%;}

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

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

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

@media screen and (min-width:1000px){
body {font-size:14pt;}

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

}

@media screen and (min-width:1100px) {
#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;}
}



@media screen and (min-width:1200px) {

.white {margin-bottom:0;} 

/*headings*/
h1{font-size:2.5em; line-height:1.3em;}
h2{font-size:3.75em; line-height:0.825em;  }
h3{font-size:2.75em; line-height:1em;}



/*logo*/
#ir-logo {height:3.5em;width: 45.25%;  }

/*main navigation*/
#nav { line-height: 4em; width:40%;}
#nav ul li a {padding-right:1em; padding-left:1em;}

/*sub navigation*/
#sub-nav {}
#sub-menu {line-height: 2em;font-size:0.75em;padding-left:2.5%; padding-right:5%; padding-top:0.45em;}
#sub-menu ul li a {padding-right:1em; padding-left:1em; }


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

/*slideshow*/
#slideshow-wrapper{left:0; padding-top:4em; height:28em;}

/*main body elements*/
#header {height:4em;}
#footer {height: 1.4em; bottom:0; padding-left:0.8em; padding:0em; float:left;}

/*social-menu navigation*/
#footer span{width:auto; font-size:0.7em; float:left; padding-left:5%;line-height:2em;
margin-bottom:0; margin-top:0;padding-right:2em;}

#social {bottom:0;font-size:0.7em; width: 20.75%; float:left; line-height: 2em; margin-bottom:0; padding-left:0;}
#social ul { text-align: left; padding-left:0em;}
#social ul li {width:auto;}
#social ul li a {padding-right:1em; padding-left:1em;}

/*footer-menu navigation*/
#footer-menu { font-size:0.7em; width: 60.25%; float:right; padding-right:5%; padding-left:0%; line-height: 2em;}
#footer-menu ul {text-align: right; padding-top:0; margin-right:-1em;}
#footer-menu ul li {width:auto; display: inline-block; float:none;}
#footer-menu ul li a {padding-right:1em; padding-left:1em;}

/*Services*/
#s-links {position:relative;padding-bottom:5%;padding-top:4em;}
.s-wrapper {height:28em; width:25%;float:left; position:relative;}

/*Showcase*/
#sc-links {position:relative;padding-bottom:5%;padding-top:4em;}
.sc-wrapper {height:28em; width:20%;float:left; position:relative;}
}

@media screen and (min-width:1250px){


/*main body elements*/
#sub-nav {display:inline; top:3.65em; z-index:5000;line-height: 2.15em;}

.mobile {display:none;}

.col {float:left;  }
.col-1 {width:28.5%; }
.text {width:71.5%; float:left; padding-bottom:1.75%; vertical-align: text-top; padding-top:0.325em;}
.col-2 {position:relative; width:95%; margin-left:5%;  }
.col-3 {position:relative; width:45%; margin-left:5%;  }
.col-4 {width:65.25%; padding-left:3.45%; padding-bottom:5%;padding-top:1.75%;}


/*project thumbnails*/
.gal {margin-bottom:0; margin-right:-5%; }
#img-container {width:19%;margin:1%; margin-right:0;}
}

@media screen and (min-width:1300px) {




/*slideshow*/
#slideshow-wrapper{left:0; padding-top:4em; height:30em;}






/*Services & Showcase*/
.sc-wrapper, .s-wrapper {height:30em;}

}

@media screen and (min-width:1500px){
body {font-size:15pt;}
/*background bits*/
#background-wrapper {height:32em;}
.bg {min-height: 32em;}

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

/*Services & Showcase*/
.sc-wrapper, .s-wrapper {height:32em;}

}