.video-thumbnail {
  margin-bottom: 10px;
}

.video-thumbnail:hover {
  opacity: 0.8;
}

.btn-reveal {
  margin-bottom: 10px;
}

.img-hypothesis {
  margin-bottom: 10px;
}

.table {
  font-size: 1.2em;
  line-height: 1.5em;
}

#data-table ul {
  margin-bottom: 0;
}

hr.center {
  border-color: rgb(204,204,204);
  margin: 10px auto 30px;
  width: 40%;
}

#data-table-title {
  margin-top: 20px;
}



.box {
  border: 1px solid #CCC;
  float: left;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 10px 20px;
}

.box.white {
  background: #FFF;
  text-align: right;
}

.box.blue {
  background-color: #d9edf7;
  border-color: #31708f;
  color: #31708f;
}

.box.half {
  width: 48%;
}

.box.third {
  width: 31%;
}

.box.quarter {
  width: 22%;
}

.box.full {
  width: 100%;
  margin: 0 0 10px 0;
  float: none;
}

.box.double-height {
  min-height: 100px;
}

.squared {
  position: absolute;
  z-index: 3;
}

.sum-symbol {
  float: left;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 10px;
}

.task-reveal p {
  font-size: 1em;
}

#equation-container {
  position: relative;
}

.box.floaty {
  position: absolute;
  z-index: 2;
  width: 31%;
}





/* Tablet */
@media(min-width: 768px){

  .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
      padding: 12px 6px;
  }

  .box.half {
    width: 47%;
  }

  .box.third {
    width: 30%;
  }

  .box.quarter {
    width: 21%;
  }

  #equation-container {
    margin-bottom: 20px;
  }

  .box.floaty {
    width: 25%;
    font-size: 14px;
  }

  #white-box-1 {
    top: 5px;
    left: 16px;
  }

  #blue-box-1 {
    top: 5px;
    left: 222px;
  }

  #blue-box-2 {
    top: 5px;
    right: 30px;
  }

  #blue-box-3 {
    top: 65px;
    left: 222px;
  }

  #blue-box-4 {
    top: 65px;
     right: 30px;
  }

  #blue-box-5 {
    top: 117px;
    left: 222px;
  }

  #blue-box-6 {
    top: 117px;
    right: 30px;
  }

  #white-box-2 {
    top: 177px;
    left: 16px;
  }

  #blue-box-7 {
    top: 177px;
    left: 222px;
  }

  #blue-box-8 {
    top: 227px;
    left: 222px;
  }

  #white-box-3 {
    top: 288px;
    left: 16px;
  }

  #blue-box-9 {
    top: 288px;
    left: 222px;
  }

  #squared-1 {
    top: 72px ;
    left: 352px;
  }

  #squared-2 {
    top: 72px;
    right: 38px;
  }

}


/* Desktop */
@media(min-width:992px){

 .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
      padding: 12px 8px;
  }

  .box.half {
    width: 48%;
  }

  .box.third {
    width: 31%;
  }

  .box.quarter {
    width: 22%;
  }

  #equation-container {
    margin-bottom: 10px;
  }

  .box.floaty {
    width: 24%;
    font-size: 16px;
  }

  #white-box-1 {
    top: 10px;
    left: 16px;
  }

  #blue-box-1 {
    top: 10px;
    left: 304px;
  }

  #blue-box-2 {
    top: 10px;
    right: 40px;
  }

  #blue-box-3 {
    top: 94px;
    left: 308px;
  }

  #blue-box-4 {
    top: 94px;
    right: 40px;
  }

  #blue-box-5 {
    top: 164px;
    left: 308px;
  }

  #blue-box-6 {
    top: 164px;
    right: 40px;
  }

  #white-box-2 {
    top: 250px;
    left: 16px;
  }

  #blue-box-7 {
    top: 250px;
    left: 308px;
  }

  #blue-box-8 {
    top: 314px;
    left: 308px;
  }

  #white-box-3 {
    top: 400px;
    left: 16px;
  }

  #blue-box-9 {
    top: 400px;
    left: 308px;
  }

  #squared-1 {
    top: 102px ;
    left: 486px;
  }

  #squared-2 {
    top: 102px;
    right: 50px;
  }

}


/* Large Desktop */
@media(min-width:1200px){

  .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
      padding: 15px 8px;
  }

  #equation-container {
    margin-bottom: 0;
  }

  .box.floaty {
    width: 31%;
    font-size: 18px;
  }

  #white-box-1 {
    top: 20px;
    left: 16px;
  }

  #blue-box-1 {
    top: 20px;
    left: 348px;
  }

  #blue-box-2 {
    top: 20px;
    right: 20px;
  }

  #blue-box-3 {
    top: 124px;
    left: 348px;
  }

  #blue-box-4 {
    top: 124px;
    right: 20px;
  }

  #blue-box-5 {
    top: 210px;
    left: 348px;
  }

  #blue-box-6 {
    top: 210px;
    right: 20px;
  }

  #white-box-2 {
    top: 316px;
    left: 16px;
  }

  #blue-box-7 {
    top: 316px;
    left: 348px;
  }

  #blue-box-8 {
    top: 404px;
    left: 348px;
  }

  #white-box-3 {
    top: 508px;
    left: 16px;
  }

  #blue-box-9 {
    top: 508px;
    left: 348px;
  }

  #squared-1 {
    top: 134px ;
    left: 642px;
  }

  #squared-2 {
    top: 134px ;
    right: 30px;
  }

}


/* Print */
@media print {


}