.content {
   max-width: 50rem;
   margin: auto;
   padding: 3rem 1.5rem;
}

article > h2 {
   margin: 0 0 1rem 0;
   font-size: 1.8rem;
   font-weight: 400;
   color: #333;
   text-transform: uppercase;
   text-align: center;
}

article .buy {
   text-align: center;
}

article .buy img {
   width: 100%;
   margin-bottom: 2rem;
}

article .buy p {
   display: inline-block;
   font-size: 1.5rem;
   font-weight: 600;
   color: #333;
   margin: 0 1rem 0 0;
   vertical-align: middle;
}

article .buy a {
   display: inline-block;
   padding: 0.7rem;
   border: 1px solid #655e7a;
   color: white;
   background-color: #655e7a;

   text-decoration: none;
   text-transform: uppercase;
   font-size: 0.75rem;
   line-height: 1.5;
   letter-spacing: 0.1rem;
}

@media (min-width: 30rem) {
   article .buy img {
      height: 25rem;
      object-fit: contain;
   }
}

@media (min-width: 50rem) {
   article .buy {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
   }

   article .buy img {
      margin-right: 2rem;
      margin-bottom: 0;
   }

   article .buy > div {
      display: block;
   }

   article .buy p {
      display: block;
      margin-bottom: 1rem;
      margin-right: 0;
   }
}

article .table {
   padding: 1.5rem 0 0 0;
}

article .table div {
   padding: 0.5rem;
}

article .table .key {
   font-weight: 500;
   font-size: 1.1rem;
   border-top: #dedede 1px solid;
}

@media (min-width: 40rem) {
   article .table {
      display: grid;
      grid-template-columns: auto auto;
   }

   article .table div {
      padding: 1rem 0.5rem;
   }

   article .table .value {
      border-top: #dedede 1px solid;
   }
}

article img {
   width: 100%;
}

.description {
   overflow: auto;
}

.description h2,
.description h3,
.description h4,
.description h5,
.description h6 {
   font-weight: 500;
   color: #333;
}

.description h2 {
   font-size: 1.55rem;
}

.description h3 {
   font-size: 1.34rem;
}

.description h4 {
   font-size: 1.18rem;
}

.description h5 {
   font-size: 1rem;
}

.description h6 {
   font-size: 0.93rem;
}

.description p {
   font-size: 0.93rem;
   line-height: 1.6rem;
   color: #7b7b7b;
}

.description img {
   display: block;
   max-width: 100%;
   margin: auto;
}