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

/*headings*/
h1{font-size:1.3em; line-height:1.4em; }
h2{font-size:2em; line-height:0.825em; }
h3{font-size:1.5em; line-height:1em; }


/*main header/footer elements*/
#header {height:2.5em;}
#sub-nav {display:none;}
#footer {height:auto;  padding-bottom:2.5em; padding-top:1.5em;z-index:0; display:inline-block;}
.white {width:90%; padding:5%; }

#ir-logo {height:2em;width: 90%; padding-left:3.5%;}
#nav {display:none;}

/*social-menu navigation*/
#footer span{font-size:1em;width:90%; line-height:3em;
margin-bottom:1em; padding-left:5%; padding-right:5%;}
#social {font-size:1.25em; width: 100%; line-height: 2.5em; margin-bottom:0.5em;}
#social ul {margin-left:auto; margin-right:auto; text-align: center;}
#social ul li {width:18.4%;}

/*footer-menu navigation*/
#footer-menu {font-size:1em; padding-left:5%;width: 90%; text-align:center; line-height: 3em; }
#footer-menu ul {padding-top:0.5em;}
#footer-menu ul li {width:100%;}


#background-wrapper {left:0; padding-top:2.5em;height:14em;}
.bg {min-height: 14em; }

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


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

.col-2{width:100%; padding-bottom:2.5%;}
.col-4 {width:104%; margin-left:-2%;}
.text {padding-bottom:5%;}

/*Services and Showcase*/
#sc-links, #s-links {padding-top:2.5em;}
.sc-wrapper, .s-wrapper {height:10em; }



/*project thumbnails*/
#img-container {width:46%; margin:2%; }
.gal {margin-bottom:1.5em;}

/*next/prev, qr code and vcard*/
.sv {width:102.5%; font-size:0.8em; margin-left:-1.7%; }
.qv {width:102.5%; margin-left:-1.7%;}
.qr-code, .vcard {width:auto; min-width:35%; max-width:45%; margin:2.5%;}

}

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

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

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

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

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

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

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


/*project thumbnails*/
#img-container {width:29.33333%; margin:2%; }
.gal {margin-bottom:1.5em;}

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

@media screen and (min-width:600px) {
#background-wrapper {height:19em;}
.bg {min-height: 19em;}

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

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


/*footer-menu navigation*/
#footer-menu ul {padding-top:1em;}
#footer-menu ul li {width:50%;float:left;}


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

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

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

@media screen and (min-width:800px){
#background-wrapper {height:21em; }
.bg {min-height: 21em;}

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

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