body
{       
 background: #ffffff;
 font-family: 'Open Sans', sans-serif;
 color: #000000;
 font-size: 13px;
}    

a:link    {color: #004488;text-decoration: none;}
a:active  {color: #ff0000;text-decoration: none; }
a:visited {color: #666666;text-decoration: none; }
a:hover   {color: #004488;text-decoration: underline; }
   
.desktop
{
 display: none;
}  

.mobile
{
 width: 100%;
 display: block;
}             

.person
{
 font-size: 7vw;
 display: inline;
 margin: 8px 0 5px 0;
}      

.teampic
{
 width: 100%;
 max-width: 400px;
}     

.email 
{
 font-size: 5vw;
 margin: 8px 0 5px 0;
}         

.vcard
{
 font-size: 4vw;
 margin: 8px 0 5px 0;
}     

.verified
{
 font-size: 3vw;
 font-style: italic;
}    

.problem
{
 font-size: 5vw;
 margin: 10px 10px 20px 20px;
}

@media screen and (min-width: 600px)
{
 body
 {          
  background: #ffffff url(/grafix/frontpage/background-grad.png) repeat-x;
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 5vw;
 }    

 .mobile
 {
  display: none !important;
 }

 .desktop
 {
  display: block !important;  
 }

 #page
 {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #ffffff;
 }      

 .rightcolumn
 {
  margin: 10px 22px 10px 22px;
 }

 .teampic
 {
  padding: 0 0 0 0px;
  width: 100%;
  max-width: 200px;
 }

 .person
 {
  font-size: 25px;
  display: inline;
  margin: 8px 0 5px 0;
 }        

 .email
 {
  font-size: 20px;
  margin: 8px 0 5px 0;
 }  

 .vcard
 {
  font-size: 16px;
  margin: 8px 0 15px 0;
 }   

 .verified
 {
  font-size: 16px;
  font-style: italic;
  margin: 0 0 10px 0;
 }    

 .problem
 {
  font-size: 20px;
  margin: 10px 10px 20px 0px;
 }
}

.wrapper
{
 width: 1000px;
 margin: 0px auto;
}

.pageheader
{
 height: 48px;
 margin: 28px 0 0 22px;
 font-size: 30px;
 font-weight: bold;
}

.lworks
{
 padding: 0 0 10px 22px;    
}

.image
{
 max-width: 60%;
}  

.grey
{
 color: #888888;
}