html, body {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  margin: 0px;
}
#content {
  text-align: center;
  vertical-align: middle;
  width: 1348px;
  margin-left: auto;
  margin-right: auto;
  height: 650px;
}

.grid { position: relative; border: 0px solid #000; width:100%;}
.grid-container {overflow-y: hidden;height: 270px; width:380px;margin-top:38px;}
table {border-spacing: 0;width:100%;}
td + td {border-left:1px solid rgb(31, 30, 30);}
td, th {border-bottom:1px solid darkgray;background: #fff;color: darkgray;padding: 7px 5px;}
th {
height: 0;
line-height: 0;
padding-top: 0;
padding-bottom: 0;
color: #000;
border: none;
white-space: nowrap;
}
th div{
position: absolute;
background: transparent;
color: #000;
padding: 9px 25px;
top: 0;
margin-left: -20px;
line-height: normal;
}
a {
color: #000000;
text-decoration: none;
}

a:hover {
color:#000000; 
text-decoration:none; 
cursor:pointer;  
}

h1{
text-align: center;
}

.imageContainer {
margin-left:0%;
display: inline-block;
position: relative;
margin-top: 0px;
}

.center {
position: absolute;
top: 43%;
left: 50%;
transform: translate(-50%, -50%);
}  
/*img {
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;
}*/

.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
 margin-top:10px;   
}
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-bottom:10px;
}


.arrow {
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 7px;
}

button{
background:transparent;
border:0px;
}

#scroll
{
  position: absolute;
  top:75%;
  left:47%;
}
.homebtn {
  float: left;
  padding-left: 20px;
  padding-top: 10px;
  position: absolute;
}