/* wide view */
@media (min-width: 960px) {
  .narrower-section {
    margin: 0 115px;
  }
  .header {
    z-index: 1000;
    margin: 0;
    opacity: .97;
    top: 0;
    padding: 10px 0;
    position: relative;
    width: 100%;
  }
  .promotion {
    color: #fff;
    position: relative;
    top: .5em;
    padding: 20px;
  }
  
  .header-inner {
    padding: 0 50px;
  }
  .ruzuku-logo {
    float: left;
    margin: 0;
  }
  .site-nav {
    float: left;
    margin: 1.5em 0 1em 2em;
    font-size: 0.714em;
  }
  .site-nav a {
    margin: 0 10px;
  }
  .sign-nav {
    position: absolute;
    right: 2em;
    margin: 0 0 0;
    padding: 5px 0 0;
  }
  .sign-nav a.free-trial-button {
    font-size: .7em;
  }
  a.signin-link {
    margin-left: 15px;
    font-size: 0.714em;
    display: inline;
  }
  .page-title {
    font-size: 3.75em;
  }
  .page-header .phrase {
    display: block;
  }

  /* Heart icon */
  .heart {
    margin-bottom: -10px;
    margin-top: 0;
  }
  

  /* ================================== */
  /*           Columns                  */
  /* ================================== */

  .two-col .col1 {
    float: left;
    padding: 0 5%;
    width: 40%;
  }
  .two-col .col2 {
    float: left;
    padding: 0 5%;
    width: 40%;
  }
  .three-col .col1 {
    float: left;
    width: 30%;
  }
  .three-col .col2 {
    float: left;
    padding: 0 5%;
    width: 30%;
  }
  .three-col .col3 {
    float: left;
    width: 30%;
  }


  /* ================================== */
  /*           "Letter"                 */
  /* ================================== */
  .letter .section-heading {
    margin-bottom: 2em;
  }
  .letter .abe {
    margin: -3.5em 0 1em;
  }
  .letter ul {
    margin-left: 50px;
  }


  /* ================================== */
  /*           Superstar pics           */
  /* ================================== */
  .superstar-pic {
    width: 8em;
  }
  .superstar p {
    font-size: 1em;
    margin-top: .9em;
  }
  .superstar-details {
    margin-left: 9em;
  }
  .testimonial .people-pic {
    width: 10em;
  }
  .testimonial .quotation {
    margin: 0 2em 0 18em;
  }

  /* Attributions with centered layout  */
  .centered-quotation .attribute{
    position: relative;
    left: 4em;
    top: 2em; 
  }

  /* ======================================== */
  /*              "Features" list             */
  /* ======================================== */
  #features-list {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-gap: 1.25em;
    -webkit-column-gap: 1.25em;
    -moz-column-gap: 1.25em;
  }

  /* Checkmark-style list */
  .checkmark-list ul li {
    font-size: .9em;
    line-height: 1.5;
    margin-left: 1.5em;
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet' version='1.1' x='0px' y='0px' xml:space='preserve' class='style0'><style>.style0{enable-background: new 0 0 512 512;fill:darkgreen;}</style><path d='M461.6 109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4c-2.4 0-4.6 1-6.3 2.5L194.5 323c0 0-78.5-75.5-80.7-77.7 c-2.2-2.2-5.1-5.9-9.5-5.9c-4.4 0-6.4 3.1-8.7 5.4c-1.7 1.8-29.7 31.2-43.5 45.8c-0.8 0.9-1.3 1.4-2 2.1c-1.2 1.7-2 3.6-2 5.7 c0 2.2 0.8 4 2 5.7l2.8 2.6c0 0 139.3 133.8 141.6 136.1c2.3 2.3 5.1 5.2 9.2 5.2c4 0 7.3-4.3 9.2-6.2L462 121.8 c1.2-1.7 2-3.6 2-5.8C464 113.5 463 111.4 461.6 109.6z'/></svg>");
  }



  /* ================================== */
  /*        University packages         */
  /* ================================== */
  .uni-mo-price {
    width: 13.5em;
    float: left;
    margin: 0 0 0 2em;
  }
  .uni-setup {
    width: 13.5em;
    float: right;
    margin: 0 2em 0 0;
  }
  .uni_starter_package li.inplan {
    margin-left: 1.5em;
  }
  .uni_starter_package {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 1.25em;
    -webkit-column-gap: 1.25em;
    -moz-column-gap: 1.25em;
  }
}

@media (min-width: 1025px) {
  .opening-letter .callout {
    margin-left: -2em;
    margin-right: -2em;
  }
  .letter-paper-back {
    background-color: #fff;
    transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    border: 1px solid #ccc;
    width: 90%;
  }
  .letter-paper-front {
    background-color: #fff;
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    border: 1px solid #ccc;
    padding: 0 4% 2em;
    width: 90%;
  }
}