/* Clear floats after the columns */
.live_cell:after {
  content: "";
  display: table;
  clear: both;
}

/* Float four columns side by side */
.first_one_cell_a {
  float: left;
  width: 16.8%;
  padding:  0 8px;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .first_one_cell_a {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Float four columns side by side */
.first_one_cell_b {
  float: left;
  width: 16.8%;
  padding:  0 8px;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .first_one_cell_b {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Float four columns side by side */
.first_one_cell_c {
  float: left;
  width: 16.8%;
  padding:  0 8px;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .first_one_cell_c {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Float four columns side by side */
.first_one_cell_d {
  float: left;
  width: 16.8%;
  padding:  0 8px;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .first_one_cell_d {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Float four columns side by side */
.first_one_cell_e {
  float: left;
  width: 16.8%;
  padding:  0 8px;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .first_one_cell_e {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Style the counter cell */
.first_box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: auto;
  height: 250px;
  background-color: #ffffff;
}

  #stage {
    margin: 1em auto;
    width: auto;
    height: 192px;
    display: flex;
    justify-content: center;
  }
  
  #stage a {
    position: absolute;
  }

  #stage a img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #ffffff;
  }

  #stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  
  #stage a:nth-of-type(2) {
    z-index: 10;
  }
  
  #stage a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }
  
/* Style the center text */
.live_visit_test {
    margin-top:10px;
    font-family: myFirstFont;
    text-align: center;
    justify-content: center;
}  
  
/* Style the counter cell */
.second_box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: auto;
  height: 250px;
  background-color: #ffffff;
}  
  
  #stage_2 {
    margin: 1em auto;
    width: auto;
    height: 192px;
    display: flex;
    justify-content: center;
  }
  
  #stage_2 a {
    position: absolute;
  }

  #stage_2 a img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #ffffff;
  }

  #stage_2 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage_2 a:nth-of-type(2) {
    z-index: 10;
  }
  #stage_2 a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }  
  
/* Style the counter cell */
.third_box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: auto;
  height: 250px;
  background-color: #ffffff;
}  
  
  #stage_3 {
    margin: 1em auto;
    width: auto;
    height: 192px;
    display: flex;
    justify-content: center;
  }
  
  #stage_3 a {
    position: absolute;
  }

  #stage_3 a img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #ffffff;
  }

  #stage_3 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage_3 a:nth-of-type(2) {
    z-index: 10;
  }
  #stage_3 a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }  
  
/* Style the counter cell */
.fourth_box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: auto;
  height: 250px;
  background-color: #ffffff;
}  
  
  #stage_4 {
    margin: 1em auto;
    width: auto;
    height: 192px;
    display: flex;
    justify-content: center;
  }
  
  #stage_4 a {
    position: absolute;
  }

  #stage_4 a img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #ffffff;
  }

  #stage_4 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage_4 a:nth-of-type(2) {
    z-index: 10;
  }
  #stage_4 a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }
  
  /* Style the counter cell */
.fifth_box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: auto;
  height: 250px;
  background-color: #ffffff;
}  
  
  #stage_5 {
    margin: 1em auto;
    width: auto;
    height: 192px;
    display: flex;
    justify-content: center;
  }
  
  #stage_5 a {
    position: absolute;
  }

  #stage_5 a img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #ffffff;
  }

  #stage_5 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage_5 a:nth-of-type(2) {
    z-index: 10;
  }
  #stage_5 a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }