html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.container {
  max-width: 1440px;
}

.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.codenamescolortable {
  width: 400px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.codenamescolortable td {
  width: 20%;
  position: relative;
}
.codenamescolortable td:after {
  content: '';
  display: block;
  margin-top: 100%;
}
.codenamescolortable td .content{
  position: absolute;
  top: 1;
  bottom: 1;
  left: 1;
  right: 1;
}