body {
  margin: 0;
  padding: 20px 0;
  font-family: Arial, sans-serif;
  background-color:#000;
  color:#FFF;
}
main {
  position: relative;
  text-align: center;
}
.cell {
  display: block;
  margin: 0 auto;
}
.cell.title{
  background-color:#ff2600;
  padding:20px 0;
  margin:0 20px;
  border-radius:20px;
  font-size:24px;
}
.cell.title span{
  display:block;
  margin-top:10px;
}
.cell img {
  max-width: 100%;
  height: auto;
}
.cell.with-frame{
  font-size:0;
  padding:20px;
}
iframe{
  border-radius:20px;
}
.separator{
  width: 200px;
  border-top: 1px solid #ff8686;
  margin: auto;
  height: 1px;
  padding: 0 0 10px 0;
  margin-top: 10px;
}
.links{
  padding:20px 0;
}
.links a,
.links a:visited{
  font-weight:bold;
  color:#FFD700;
  text-decoration:none;
}

@media (max-width: 1000px) {
  .cell {
    display: block;
    margin: 20px auto;
  }
  iframe{
    width:100%;
    height:auto;
  }
}