/* Tablets and Small Computers: from 1201 to 1680px SMALLER THAN PIXEL ROW OF 1140 */
@media screen and (max-width: 1680px) {
    body, input, select, textarea {font-size: 11pt;}
}

/* Tablets and Small Computers: from 1024 to 1200px SMALLER THAN PIXEL ROW OF 1140 */
@media only screen and (max-width: 1280px) {
    body, input, select, textarea {font-size: 11pt;}
    .wrapper > .inner {width: 65em;}
}


/* Tablets and Small Computers: from 738 to 980px SMALLER THAN PIXEL ROW OF 1140 */
@media screen and (max-width: 980px) {
    body, input, select, textarea {font-size: 11pt;}
    #contact .column {padding: 2em 0 0.1em 0; padding-left: 2em; padding-right: 2em;}
    .wrapper > .inner {width: 100%;}
    #main #header {padding: 1.15em 2em;}
    .gallery {padding: 2em;min-height: 20em;}
    .gallery header h2 {margin-bottom: 1em;}
}
    


/* Small Phones to Small Tablets: from 481 to 737px */
@media only screen and (max-width: 736px) {
    body, input, select, textarea {font-size: 12pt;}
    #contact .column {width: 100%;}
    .gallery .content .media {width: 50%;}
    #main #header {text-align: center;}
    #footer {padding: 3em 0 1em 0;}
    .gallery header {display: block;}
}

/* Small Phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    html, body {min-width: 320px;}
    body, input, select, textarea {font-size: 12pt;}
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.4em;}
    #contact .column {padding: 1em 0 0.1em 0; padding-left: 1em; padding-right: 1em;}
    .gallery .content .media {width: 100%;}
    .gallery {padding: 1em;}
    .gallery header h2 {margin-bottom: .5em;}
}