.hero, .usp-bar, .pagehero {
    margin-top: 38px !important;
}

.full-hero {
    min-height: auto;
    padding: 150px 0 20px;
    overflow: hidden;
}

.full-hero .row {
    height: 100%;
}

section {
    visibility: visible !important;
}

.justify-content-center {
    justify-content: center !important;
}

@media (min-width: 1200px)
.container {
    max-width: 1140px;
}

@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}
.container {
    
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px)
.container {
    max-width: 1140px;
}
@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}

*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: border-box;
}

.align-items-center {
    align-items: center !important;
}


.justify-content-around {
    justify-content: space-around !important;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.align-items-center {
    align-items: center !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: border-box;
}


.fadeIn {
    animation-name: fadeIn;
}

.animation {
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1);
    transition-property: opacity,transform;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1);
}

img {
    max-width: 100%;
    max-height: 100%;
}
img {
    vertical-align: middle;
    border-style: none;
}

body{
  background: #18171d !important;}
}

body.darkmode h1, body.darkmode h2, body.darkmode h3, body.darkmode h4, body.darkmode h5, body.darkmode h6 {
    color: #ffffff !important;
}

h2 {
    font-size: 42px !important;
    letter-spacing: -1px !important;
    color: #ffffff !important;
    font-family: "proxima_novabold", Helvetica, Arial, sans-serif !important;
}

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

#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(../images/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; }