#macbook-pro-13.darkmode.dusk {
  background: #18171d; }

#macbook-pro-13 #macbook-pro-banner {
  background: #131217; }
  #macbook-pro-13 #macbook-pro-banner h1 {
    font-size: 60px;
    line-height: 100%; }
    @media (max-width: 767px) {
      #macbook-pro-13 #macbook-pro-banner h1 {
        font-size: 50px; } }
  #macbook-pro-13 #macbook-pro-banner .hero-titlelogo {
    margin-top: 60px;
    margin-bottom: 30px; }
  #macbook-pro-13 #macbook-pro-banner .hero-shot {
    margin-top: 100px;
    margin-bottom: 0px; }
    @media (max-width: 767px) {
      #macbook-pro-13 #macbook-pro-banner .hero-shot {
        margin-top: 60px;
        margin-bottom: 0px; } }

#macbook-pro-13 .mbp-footer-glow {
  background-image: url(/assets/images/macbook-pro-13/mbp-footer-glow.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  padding-top: 200px; }
  @media (max-width: 767px) {
    #macbook-pro-13 .mbp-footer-glow {
      padding-top: 70px; } }

#macbook-pro-13 .mabp-prodshot {
  width: 100%; }

#macbook-pro-13 h2 {
  margin-top: 60px; }
  @media (max-width: 767px) {
    #macbook-pro-13 h2 {
      margin-top: 20px; } }

#macbook-pro-13 p.regular {
  font-size: 22px;
  color: #62626c;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    #macbook-pro-13 p.regular {
      font-size: 18px;
      line-height: 140%; } }

#macbook-pro-13 .list-block {
  padding: 15px 0 50px 0;
  margin-top: 20px; }
  @media (max-width: 767px) {
    #macbook-pro-13 .list-block {
      margin-top: 20px;
      padding: 15px 0 20px 0; } }
  #macbook-pro-13 .list-block h2 {
    margin-bottom: 0;
    line-height: 100%;
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif; }
    @media (max-width: 767px) {
      #macbook-pro-13 .list-block h2 {
        font-size: 50px; } }
    #macbook-pro-13 .list-block h2 .reduced {
      font-size: 40px; }
      @media (max-width: 767px) {
        #macbook-pro-13 .list-block h2 .reduced {
          font-size: 28px; } }
    #macbook-pro-13 .list-block h2 img {
      margin-bottom: 20px; }
  #macbook-pro-13 .list-block h3 {
    font-size: 28px; }
    @media (max-width: 767px) {
      #macbook-pro-13 .list-block h3 {
        font-size: 22px; } }
  #macbook-pro-13 .list-block h6 {
    font-size: 22px;
    color: #888888; }
    @media (max-width: 767px) {
      #macbook-pro-13 .list-block h6 {
        font-size: 18px; } }
  #macbook-pro-13 .list-block p {
    margin: 0;
    padding: 0;
    color: #62626c; }

#macbook-pro-13 .colours-block {
  padding-top: 50px; }
  #macbook-pro-13 .colours-block .list-block h2 {
    margin-top: 0; }

#macbook-pro-13 .mbp-side-stretch {
  height: 268px;
  background-image: url(../images/mbp-13-sidewide.jpg);
  background-repeat: no-repeat;
  background-position: center; }
  @media (max-width: 767px) {
    #macbook-pro-13 .mbp-side-stretch {
      height: 208px;
      background-position: center;
      background-size: cover; } }

#macbook-pro-13 .macbook-line-spacer {
  margin-top: 70px;
  border-color: rgba(255, 255, 255, 0.2); }

#macbook-pro-13 .call-to-actions img {
  margin-top: 30px; }

#macbook-pro-13 .smallprint ol li {
  font-size: 14px;
  color: #666666; }