/* ==========================================================================
   principle
   ========================================================================== */
.principle table{
  margin:2em 0;
}
.principle th{
  color:#117635;
  font-size: 1.8em;
  font-weight:bold;
  padding: 33px 20px;
}
.principle tr:nth-child(odd) th{
  background:#98caae;
}
.principle td{
  padding-left:30px;
  vertical-align:middle;
}
.principle tr:nth-child(odd) td{
  background:#e5f2eb;
}
.principle span{
  color:#419965;
  font-size:1.7em;
  font-weight:bold;
  overflow:hidden;
}

@media screen and (max-width:680px) {
  .principle td{
    padding:20px;
  }
  .principle span{
    font-size:1.1em;
  }
  .principle th{
    font-size: 1.8em;
  }
}

/* ==========================================================================
   principle-about
   ========================================================================== */
.principle-about{
  clear:both;
  overflow: hidden;
}
.light-blue-container{
  background:#f0f7f4;
  padding:2em;
  margin:0;
}
@media screen and (max-width:680px) {
  .light-blue-container{
    margin:0px;
    padding:1em;
  }
}
@media screen and (max-width:680px) {
  .principle-about h2{
    font-size:1.2em;
  }
}