h1,
p {
  text-align: center;
}

}

.mainman
{margin-left: 0; margin-right: 0; float:center; background-color: #000000; border="no"; width: ; height:}
.mainman img {
    width: 100%;
    object-fit: contain;
}
.mainman table {
    color: #ddf;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    letter-spacing: 2;
    word-spacing: 2;
  
}
.mainman {font-size: 14px; background:#000000}
.mainman a:link  {color: #505050; text-decoration:none;}     /* unvisited link */
.mainman a:visited  {color: #505050; text-decoration:none}  /* visited link */
.mainman a:hover  {color: #ffffff; text-decoration:none}   /* mouse over link */
.mainman a:active  {color:#505050; text-decoration:none}   /* selected link */

a:link,
a:hover,
a:active,
a:visited {
  transition: color 150ms;
  color: #95a5a6;
  text-decoration: none;
}
a:hover {
  color: #7f8c8d;
  text-decoration: underline;
}
.contain {
  width: 100%;
}
.row {
  overflow: scroll;
  width: 70%;
     margin: 0px 0px;
}
.row__inner {
  transition: 450ms -webkit-transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  font-size: 1em;
  white-space: nowrap;
  margin: 5px 5px;
  padding-bottom: 10px;
}
.tile {
  position: relative;
  display: inline-block;
  width: 100px;
  height: ;
  margin-right: 10px;
  font-size: 20px;
  cursor: pointer;
  transition: 450ms all;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.tile__img {
  width: 100px;
  height: ;
  -o-object-fit: cover;
     object-fit: cover;
}
.tile__details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 10px;
  opacity: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  transition: 450ms opacity;
}
.tile__details:after,
.tile__details:before {
  
    font-family:sans-serif;
    opacity: 0.25;
    letter-spacing: 4;
    font-size: 1.25em;
  position: absolute;
  top: 50%;
  left: 50%;
  display: #ccc;
}
.tile__details:after {
  margin-top: -25px;
  margin-left: -50px;
  width: 50px;
  height: 50px;
  border: 1px solid #ecf0f1;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 2;
}
.tile__details:before {
  content:"";
  left: 0;
  width: 100%;
  font-size: 30px;
  margin-left: 7px;
  margin-top: -18px;
  text-align: center;
  z-index: 2;
}
.tile:hover .tile__details {
  opacity: 1;
}
.tile__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
}
.row__inner:hover {
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
}
.row__inner:hover .tile {
  opacity: 0.35;
    font-family: fantasy;
     color: #95a5a6;
}
.row__inner:hover .tile:hover {
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
opacity: 1;
color: ;
}
.tile:hover ~ .tile {
  -webkit-transform: translate3d(125px, 0, 0);
          transform: translate3d(125px, 0, 0);
}