/*
 * modelinfo.css
 */

/* ID's' */
#content { width: 80%; margin: 0 auto; }
#content img { padding: 1em; }
#topsection {
   text-align: justify; 
   text-justify: inter-word; 
}

#modelsection { width: 80%; margin: 0 auto; padding-top: 1em; }

/* Classes */
.col1 {
   min-width: 90px;
   max-width: 90px;
   text-align: left;      
}

.colyears {
   min-width: 50px;      
   max-width: 50px;
   text-align: center;  
}

/* Elements */
table.tableSection {
   table-layout: fixed;
   width: 100%;
   text-align: center;      
}

table.tableSection thead, table.tableSection tbody {
   float: left;
   width: 100%;
}
 
table.tableSection tbody {
   overflow: auto;
   height: 200px;
}

table.tableSection tr {
   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%; }
}