@media screen and (min-width:100px) {
.mobile {display:inline;}
.desktop {display:none;}

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; }

#surround {padding-top:3em;}

.panel-1 {width: 100%;
  float:right;}

.panel-2 {width: 100%;
float:right;}

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


/*Showcase*/
.sc-container { width: 100%; height:10em; position:relative; float:left;  }
.sc-wrapper { position: absolute;
    top: 0;
    left: 0;}
.sc-text, .sc-text-cs { width:100%; height:100%;max-height:8em;}

/*services*/
.s-container {height:10em;}
.s-container-l{height:20em;}
.s-container-s {height:5em;}




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

/*project thumbnails*/
.img-container {width:49.6%;}



/*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) {

.bg {min-height: 16em;}

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

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

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

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






.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;} 


}