#tbl-projects {border-spacing: 1px; border-collapse: collapse; background: white; overflow: hidden; width: 96%; margin: 1.5em auto 1em; position: relative;}
#tbl-projects * {position: relative;}
#tbl-projects td, #tbl-projects th {padding: .5em;}
#tbl-projects tbody tr {border-bottom: 1px solid #c8c8c8;}
#tbl-projects tbody tr:last-child {border: 0;}
#tbl-projects td, #tbl-projects th {text-align: left;}
@media screen and (max-width: 37.5em) {
#tbl-projects {display: block;}
#tbl-projects > *, #tbl-projects tr, #tbl-projects td, #tbl-projects th {display: block;}
#tbl-projects td, #tbl-projects th {padding: .25em .125em;}
#tbl-projects thead {display: none !important;}
#tbl-projects tbody tr {padding: .25em 0;}
#tbl-projects tbody tr td {padding-left: 35%; margin-bottom: .5em;}
#tbl-projects tbody tr td:last-child {margin-bottom: 0;}
#tbl-projects tbody tr td:before {position: absolute; color: #e4002b !important; font-weight: bold; width: 25%; min-width:110px; left: .25em; top: .25em;}
#tbl-projects tbody tr td:nth-child(1):before {content: "TITLE";}
#tbl-projects tbody tr td:nth-child(2):before {content: "LOCATION";}
#tbl-projects tbody tr td:nth-child(3):before {content: "DESCRIPTION";}
#tbl-projects tbody tr td:nth-child(3):before {content: "STATUS";}
}

#mainwrap-in {padding: 0;}

@media only screen and (max-width: 480px) {h1 {font-size: 1.5em;}}
@media only screen and (min-width: 481px) and (max-width: 680px) {h1 {font-size: 1.75em;}}
@media only screen and (min-width: 681px) and (max-width: 768px) {h1 {font-size: 2em;}}
@media only screen and (min-width: 769px) and (max-width: 1030px) {h1 {font-size: 2.125em;}}
@media only screen and (min-width: 1031px) and (max-width: 1220px) {h1 {font-size: 2.2125em;}}
@media only screen and (min-width: 1221px) and (max-width: 1439px) {h1 {font-size: 2.25em;}}
@media only screen and (min-width: 1440px) and (max-width:1599px) {h1 {font-size: 2.3125em;}}
@media only screen and (min-width: 1600px) {h1 {font-size: 2.375em;}}