/* Animations */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
/*Scale animation*/
@-webkit-keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
@keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
.table-grid { position: relative; width: 100%; }
.table-grid .headers-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.table-grid .headers-table .table-name { background: #008783; color: #fff; display: inline-block; font-family: 'AncizarSans-Bold', sans-serif; font-size: 22px; letter-spacing: 0.5px; margin: 0; padding: 10px 25px; text-align: center; width: 30%; }
.table-grid .headers-table .table-name:first-child { border-right: 1px solid #fff; width: 70%; }
.table-grid .table-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.table-grid .table-content .item-container { border: 1px solid #d1d1d1; border-bottom: none; padding: 0; position: relative; width: 100%; }
.table-grid .table-content .item-container .table-item .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.table-grid .table-content .item-container .table-item .info .item-title { color: #58595b; font-family: 'AncizarSans-Light', sans-serif; font-size: 19px; font-weight: inherit; line-height: 1.1; margin: 0; padding: 15px; text-align: center; width: 30%; }
.table-grid .table-content .item-container .table-item .info .item-title:first-child { border-right: 1px solid #d1d1d1; text-align: left; width: 70%; }
.table-grid .table-content .item-container:last-child { border-bottom: 1px solid #d1d1d1; }

@media screen and (max-width: 40em) { .table-grid .headers-table .table-name, .table-grid .headers-table .table-name:first-child { width: 100%; font-size: 1.25em; padding: 7px 20px 5px; }
  .table-grid .headers-table .table-name:first-child { border-bottom: 1px solid #d1d1d1; border-right: 0; }
  .table-grid .table-content .item-container .table-item .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .table-grid .table-content .item-container:nth-of-type(2n) .table-item { background-color: #e1e1e1; }
  .table-grid .table-content .item-container .table-item .info .item-title, .table-grid .table-content .item-container .table-item .info .item-title:first-child { width: 100%; font-size: 1em; text-align: left; }
  .table-grid .table-content .item-container .table-item .info .item-title:first-child { border-bottom: 1px solid #e1e1e1; border-right: 0; } }