/*
 * pg_add.css
 */

/* ID's' */
#content { width: 80%; margin: 0 auto; }

#formbox { 
   width: 40%;
   padding: 1em;
   margin: 0 auto;
   background-color: #E6E6FA; 
}

#btnbox { 
   text-align: center; 
}

#comment {
   resize: none;
}

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