@media (min-width: 700px) {
  .packages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

.package {
  border: 2px solid #323140;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 16px; }
  .package.featured {
    border-color: #fcaa00; }
  .package__photo {
    position: relative; }
    .package__photo::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 75%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 27, 45, 0)), to(#1c1b2d));
      background: -webkit-linear-gradient(top, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
      background: -moz-linear-gradient(top, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
      background: -o-linear-gradient(top, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
      background: linear-gradient(180deg, rgba(28, 27, 45, 0) 0%, #1c1b2d 100%);
      -webkit-transition: height .3s ease-in-out;
      -o-transition: height .3s ease-in-out;
      -moz-transition: height .3s ease-in-out;
      transition: height .3s ease-in-out; }
  .package__info {
    padding: 0 16px 16px;
    margin-top: -40px;
    position: relative;
    z-index: 9; }
    .package__info p {
      font-size: 1.8rem; }
    .package__info strong {
      font-size: 2rem; }
  .package__featured {
    position: absolute;
    right: 16px;
    top: 0;
    width: 64px;
    background: #fcaa00;
    color: #323140;
    text-align: center;
    -webkit-border-bottom-left-radius: 4px;
       -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
    padding: 10px 5px;
    font-size: 1.2rem;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 600; }
    .package__featured img {
      margin-bottom: 5px; }
  @media (min-width: 700px) {
    .package {
      width: -webkit-calc(50% - 16px);
      width: -moz-calc(50% - 16px);
      width: calc(50% - 16px); } }
  @media (min-width: 1024px) {
    .package__featured {
      right: 32px; }
    .package__info {
      padding: 0 32px 32px;
      margin-top: -60px; } }

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