body{
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14pt;
    background-color: darkgoldenrod;
}
h4{
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 26pt;
    color: floralwhite;
    font-family: cabin;
}
h3{
    color: white;
    font-size: 50pt;
    font-family: cabin;
}

div.scroll-container {
  background-color: black;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}
div.scroll-container img {
  padding: 10px;
}
nav{
    text-align: center;
    font-size: 16pt;
    background-color: black;
    padding: 5px;
    font-family: cabin;
}
a{
    text-decoration: none;
    color: white;
    font-size: 16pt;
    font-family: cabin;
}
p{
    text-align: center;
    font-size: 20pt;
    background-color:darkgoldenrod;
    color: floralwhite;
    padding-left: 10px;
    padding-right: 10px;
    font-family: cabin;
    
}
header{
    font-size: 40pt;
    text-align: center;
    padding: 10px;
    color: white;
    background-color: darkgoldenrod;
    font-family: cabin;
}
footer{
    font-size: 12pt;
    text-align: center;
    background-color: black;
    color: white;
    padding: 2px;
    font-family: cabin;
}
.workparagraph{
    text-align: left;
    padding-left: 50px;
    font-size: 18pt;
    color: white;
    width: 90%;
    

    
}
.imagehead{
    font-size: 26pt;
    color: gold;

}

h1{
    text-align: center;
    color: white;
    margin-bottom: 10px;
    font-family: cabin;
    font-size: 16px;
}
.row,
.row > .column
{
    display: flex;
    padding: 10px;
}
.column{
    float: left;
    width:50%;
}
.row:after{
    content: "";
    display: flex;
    clear: both;
}
.content{
    
    padding: 10px;
}
@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
section{
    padding-top: 30px;
    font-size: 30pt;
    color: floralwhite;
    font-family: cabin;
}
.columnc{
    float: left;
    width:50%;
}
.rowc{
    content: "";
    display: table;
    clear: both;
}
.columncon{
    float: left;
    width:100%;
}
.rowcon{
    content: "";
    display: table;
    clear: both;
}
div.scroll-home-image {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}
div.home-images img {
  padding: 10px;
}
table{
    margin-left: auto;
    margin-right: auto;
    border:3px solid black;
    width: 90%;
    padding: 2px;
}
td{
    text-align: center;
    width: 50%;
    border: 3px solid black;
}