:root {
  --license-left-padding: 20px;
}

@media (max-width: 599px) { /* mobile */
  .licenses-section {
    background: url('../img/big-data.jpg');
  }
  .license-item {
    margin: 0px 20px;
  }  
}

@media (min-width: 600px) and (max-width: 1199px) { /* tablet */
  .licenses-section {
    background: url('../img/big-data.jpg');
  }
  .license-item {
    margin: 0px 20px;
  }  
}

@media (min-width: 1200px) { /* desktop */
  .licenses-section {
    background: url('../img/big-data.jpg') no-repeat;
  }
  .license-item {
    margin: 0px 20px;
  }
}

.licenses-section h1 {
  text-align: center;
  margin-left: 22px;
  margin-right: 22px;
}

.licenses-top-note {
  margin-bottom: 56px;
}

.licenses-bottom-note {
  margin-top: 46px;
}

.licenses-section {
  padding: 56px 0px 85px 0px;
}

.note {
  margin-left: 22px;
  margin-right: 22px;
}

.licenses-section .note, .licenses-section .note a {
  color: #eee;
  text-align: center;
}

.licenses-section .note a {
  text-decoration: underline;
}

.license-list {
  display: flex;
  flex-direction: row;
  margin: 20px 0px;
}

.license-item {
  width: 225px;      
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 0px 0px 0px 0px;
  /*background-color: #dbd8d0;*/
}

span.asterisk {
  position: relative;
  top: 1px;
  margin-right: 2px;
}

h1 {
  font-size: 38px;
  font-weight: 500;
  margin: 0px 0px;
  color: #fff;
}

.basic-license {
  background-color: #ff7134;
}

.professional-license {
  background-color: #dc7185;
}

.business-license {
  background-color: #8671dc;
}

.enterprise-license {
  background-color: #3471ff;
}

.license-item h4 {
  color: var(--text);
  font: 18px Open Sans;
  font-weight: bold;
  padding: 12px var(--license-left-padding);
}

.license-item h3 {
  color: var(--text);
  font: 18px Open Sans;
  font-weight: bold;
  padding: 0px var(--license-left-padding);
}

.license-feature {
  padding: 12px var(--license-left-padding);
  font: 14px/1.7 Open Sans;
  color: var(--text);  
}

.license-select {
  padding: 6px;
  font: 18px/1.7 Open Sans;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #4768c4;
  margin: 18px 18px 18px 18px;  
  border-radius: 8px;
}

.license-select:hover {
  background-color: #5778d4;
}

.license-separator {
  height: 8px;
}

.license-item > div:nth-child(even):not(.license-separator) {
  background-color: #ebe8e0;
}

.license-item > div:nth-child(odd):not(.license-separator) {
  background-color: #fff;
}

.strike {
  position: relative;
}

.strike::after {
  border-bottom: 0.25em solid #d82121c9;
  content: "";
  left: 0;
  line-height: 1em;
  margin-top: calc(0.25em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

.smaller {
  font-weight: normal;
}