.parrot {
  max-width: var(--max-width);
  padding: 0 var(--gutter);
  margin: 0 auto;
  display: grid;
  gap: 25px;
  color: #112439;
}

.parrot--default {
  margin: var(--gutter) auto;
}

.parrot--full + .parrot--full {
  margin-top: 30px;
}

.parrot__btn {
  --btn-paper: #112439;
  --btn-border: #112439;
  --btn-pen: white;
  text-align: right;
  flex-shrink: 0;
}

.parrot__item {
  padding: 40px 25px 25px 40px;
  border-radius: 20px;
  @media (max-width: 649px) {
    padding: var(--gutter);
  }
}

.parrot__item--dark,
.parrot--full:nth-child(odd) .parrot__item {
  background-color: var(--bg);
}

.parrot__item--bright,
.parrot--full:nth-child(even) .parrot__item {
  background-color: #FFF5CD;
}

.parrot--full .parrot__item {
  @media (min-width: 769px) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gutter);
  }
}

.parrot__title {
  font: var(--tall);
  margin: 0;
}

.parrot__body {
  font: var(--demi);
}

.parrot--full .parrot__body {
  max-width: 500px;
}

@media (min-width: 1025px) {
  .parrot--default {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 769px) and (max-width: 1024px),
       (min-width: 1201px) {
  .parrot--default .parrot__title,
  .parrot--default  .parrot__body {
    max-width: 55%;
  }

  .parrot--default .parrot__btn {
    margin: -1em 0 0 0;
  }
}