/*
 * proc_or_srch.css
 */

/*ID's'*/
#content { width: 60%; margin: 0 auto; columns: 2 50%; column-gap: 2em; }

/* Classes */
.fullwidth { width: 100%; }
.leftdiv { width: 50%; float: left; }
.rightdiv { width: 50%; float: right; }
 
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
   #content { width: 100%; }
   .leftdiv { width: 100%; }
   .rightdiv { width: 100%; }
}

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

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

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