@media screen and (min-width: 769px) and (max-width: 1024px){
   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% 60%;
      height:112px;
      width:20%;
      min-width:112px;
      text-indent:-10000px;
      margin:0;
      padding-top: 40px;
      float: left;

   }


   nav
   {
      width: 55%;
      right: 0px;
      position: absolute;
      top: 120px;
      height: 20px;
   }

   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;
      padding: 0 5%;
      box-sizing: border-box;
   }

   #slide img
   {

      width: 100%;
   }

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

   #recent article
   {
      margin: 1% auto;
      padding: 0 2%;
      width: 25%;
      box-sizing: border-box;
      float: left;

   }

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

   #recent article img
   {
      display:block;
      margin:1% auto;
      padding: 0 1%;
      width: 100%;
      box-sizing: border-box;
      

   }

   #recent article h1
   {
      line-height: 130%;
      margin: 1% 0;
      padding: 0 1%;
      width: 100%;
      box-sizing: border-box;
   }

   #recent article p
   {
      font-size: 87.5%;
      line-height: 145%;
      padding: 0 1%;
      width: 100%;
      box-sizing: border-box;
   }

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

   #social
   {
      width: 100%;
      margin: 0;
      padding: 0;


   
   }

   #social ul
   {
      list-style-type:none;
      width: 80%;
      margin: 0 auto;
      display: block;
   }

   #social li
   {
      margin-bottom:5px;
      width:12%;
      padding:0 5px;
      margin:0;
      float:left;
      box-sizing: border-box;
   }

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

}