/* Style the small screen*/

@media only screen and (max-width:800px) {
.pix {width:228px; height:auto; border:1px solid #555;}

/* Picture in text at top of page on left */
.pic_toplft
  {width:250px;
   float:left;
   margin-left:0px;
   margin-top:0px;
   margin-right:15px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;
}

/* Picture in text in middle of page on right */
.pic_toprt {
   width:250px;
   float:right;
   margin-left:15px;
   margin-top:15px;
   margin-right:0px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;}

/* Picture in text in top of page on right */
.pic_midrt {
   width:250px;
   float:right;
   margin-left:15px;
   margin-top:0px;
   margin-right:0px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;
}

/* Picture in text in middle of page on left */
.pic_midlft {
   width:250px;
   float:left;
   margin-left:0px;
   margin-top:15px;
   margin-right:15px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;}
}

/* Style the large screen */
@media only screen and (min-width:801px) {
body {padding:50px;}
.pix {width:400px; height:auto; border:1px solid #555;}

/* Picture in text at top of page on left */
.pic_toplft
  {width:420px;
   float:left;
   margin-left:0px;
   margin-top:0px;
   margin-right:15px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;
}

/* Picture in text in middle of page on right */
.pic_toprt {
   width:420px;
   float:right;
   margin-left:15px;
   margin-top:15px;
   margin-right:0px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;}

/* Picture in text in top of page on right */
.pic_midrt {
   width:420px;
   float:right;
   margin-left:15px;
   margin-top:0px;
   margin-right:0px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;
}

/* Picture in text in middle of page on left */
.pic_midlft {
   width:420px;
   float:left;
   margin-left:0px;
   margin-top:15px;
   margin-right:15px;
   margin-bottom:15px;
   padding:10px;
   border:1px solid #888;
   text-align:center;}
}