@media screen and (min-width:1900px)
{
   body { font-size:1em }
   header.page div.logo,
   footer.page div.logo { width:125px; }
}

@media screen and (max-width:1280px)
{
}

@media screen and (max-width:1024px)
{
   div.global-wrapper { padding:0 50px }   
}

@media screen and (max-width:800px)
{
   div.cols div.col { float:none!important; width:100%!important }
   div.cols div.col p { padding-left:0!important; padding-right:0!important }
}

@media screen and (max-width:600px)
{
   main form div.field { float:none; width:100% }      

   footer.page div.logo,
   footer.page div.copyright { display:none }
   footer.page div.contact { width:100%; right:0; text-align:center }   
}

@media screen and (max-width:500px)
{
   div.global-wrapper { padding:0 30px }  
}