/*
 * ed-markn.css
 */

/* ID's' */
#content {      
   width: 80%; 
   margin: 0 auto; 
   text-align: justify; 
   text-justify: inter-word; 
}
#onepicbox { width: 500px; margin: 0 auto; }
#twopicbox { width: 100%; }
#leftbox { width: 50%; float: left; padding: 1em; }
#rightbox { width: 50%; float: left; padding: 1em;}
#endbox { width: 100%; }

/* Elements */
.fullwidth { max-width: 100%; }

/* 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%; }
}