/*
 * proc_pg_srch.css
 */

/* ID's' */
#content { width: 80%; margin: 0 auto; }
#headarea { width: 100%; margin-bottom: 1em; }
#headleft { width: 50%; float: left; text-align: right;}
#headright { width: 50%; float: left; text-align: left; }
#pictable { width : 100%; display: table; }

/* Classes */
.picrow { display: table-row; }
.piccell { display: table-cell; width: 20%; vertical-align: middle; }

/* Elements */
.piccell img {width: 100%; height: auto; }
 
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
   #content { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
   #content { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
   #content { width: 100%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
   #content { width: 100%; }
}


