@media screen and (max-width: 480px) {
   body
   {
      margin:0 auto;
      padding: 0;
      color: #333333;
      font-family: Georgia,"Times New Roman",sans-serif;
      height: 100%;
      min-height: 100%;
   }

   #pageWrapper
   {
       background-color:#FFFFFF;
       height: 100%;
       margin: 0 auto;
       position: relative;
       width: 100%;
   }

   #logo
   {
      background-image:url('../imgs/logo.png');
      background-repeat:no-repeat;
      background-position:50% 100%;
      height:112px;
      width:100%;
      min-width:112px;
      text-indent:-10000px;
      margin:0;
      padding-top: 40px;
   }


   nav
   {
      width:100%;
      left: 0px;
      position: absolute;
      top: 0px;
      height: 20px;
      font-size: 15px;
   }

   nav ul
   {
      list-style-type:none;
      height: 20px;
      text-align:center;
      padding:0;
      margin:0;
   }

   nav li
   {
      display: inline;
      line-height: 130%;
      padding:0 .3em;
   }

   nav li a
   {
      color: #a00;
      text-decoration:none;
      font-style: italic;
   }

   #slide
   {
      text-align:center;
      margin-right: 0;
      margin-left:0;
      padding: 0 5%;
      box-sizing: border-box;

   }

   #slide img
   {  text-align: center;
      width:100%;
   }

   #recent
   {
      clear: both;
      overflow: hidden;
      width: 100%;
   }

   #recent article
   {
      margin: 4% auto;
      padding: 0 5%;
      width: 100%;
      box-sizing: border-box;
   }

   #recent article a
   {
      color: #036;
      text-decoration: none;
   }

   #recent article img
   {
      display:block;
      margin:1% auto;
      width: 100%;
   }

   #recent article h1
   {
      line-height: 130%;
      margin: 1% 0;
   }

   #recent article p
   {
      font-size: 87.5%;
      line-height: 145%;
   }

   #recent article a.readMore
   {
      color: #999;
      display:block;
      margin-top: 1%;
      margin-bottom: 5%;
   }

   #social
   {
      width: 250px;
      margin: 0 auto;
   }

   #social ul
   {
      list-style-type:none;
   }

   #social li
   {
      margin-bottom:5px;
      width:95px;
      padding:0;
      margin:0;
      float:left;
   }

   #social li a
   {
      display:block;
      width:95px;
      height:26px;
      text-indent:-10000px;
      background-image:url('../imgs/social.png');
      background-repeat:no-repeat;
   }

   .facebook {background-position:0 0;}
   .twitter {background-position:-98px 0;}
   .youtube {background-position:-196px 0;}
   .foursquare {background-position:-294px 0;}
   .ualert {background-position:0 -27px;}
   .uamobile {background-position:-98px -27px;}
   .givenow {background-position:-196px -27px;}
   .uagreen {background-position:-294px -27px;}

   footer
   {
      clear:both;
      padding-top:2%;
      text-align:center;
      color:#aaa;
      font-style:italic;
      font-size:90%;
   }
}