* {
  box-sizing: border-box; }

.container {
  margin: 0 auto;
  padding: 10px 50px; }

.box-container {
  height: auto;
  float: left;
  padding-bottom: 5px; }

.box {
  border: 1px solid darkgray;
  min-height: 550px;
  max-width: 100%;
  border-radius: 10px;
  background-color: lightgray; }

ul {
  text-align: left;
  margin: 0 24px 0 20px;
  color: black;
  font-size: 16px;
  line-height: 1.25;
  display: grid; }

li {
  list-style-type: circle;
  font-size: 14px; }

.title {
  font-size: 18px;
  margin-bottom: 5px; }
  .title .sub-title {
    margin-bottom: 20px; }

.unselected, .selected {
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  margin: 20px auto; }

.unselected {
  background-image: url("../img/product_circle_large.png"); }

.selected {
  background-image: url("img/product_check_large.png"); }

.mac-image, .macbook, .macbook-pro-13, .macbook-pro-15, .macbook-air-13, .macbook-pro-13-touch, .macbook-pro-15-touch {
  display: block;
  background-repeat: no-repeat;
  width: 100%;
  height: 180px;
  margin: 10px auto;
  float: left;
  padding: 0 10px;
  background-position: center bottom; }

.macbook {
  background-image: url("img/macbook.png"); }

.macbook-pro-13 {
  background-image: url("img/macbook_pro_13.png"); }

.macbook-pro-15 {
  background-image: url("img/mac_book_pro_15.png"); }

.macbook-air-13 {
  background-image: url("img/mabook_air_13.png"); }

.macbook-pro-13-touch {
  background-image: url("img/macbook_pro_touchbar_13.png"); }

.macbook-pro-15-touch {
  background-image: url("img/macbook_pro_touchbar_15.png"); }

.spac {
  min-height: 38px;
  display: block; }

@media only screen and (max-width: 500px) {
  .mac-image, .macbook, .macbook-pro-13, .macbook-pro-15, .macbook-air-13, .macbook-pro-13-touch, .macbook-pro-15-touch {
    background-size: 144px 58px;
    height: 58px;
    width: 100%; }

  li {
    font-size: 12px; } }
@media only screen and (min-width: 1200px) {
  .mac-image, .macbook, .macbook-pro-13, .macbook-pro-15, .macbook-air-13, .macbook-pro-13-touch, .macbook-pro-15-touch {
    background-size: auto 98px;
    height: 112px;
    width: 100%; }

  li {
    font-size: 16px; } }

/*# sourceMappingURL=style.css.map */