/* ______ Fonts ______ */

@font-face {
    font-family: 'pao';
    src: url('../fonts/pao.eot');
    src: url('../fonts/pao.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pao.woff') format('woff'),
         url('../fonts/pao.ttf') format('truetype'),
         url('../fonts/pao.svg') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'p-light';
    src: url('../fonts/p-light.eot');
    src: url('../fonts/p-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/p-light.woff') format('woff'),
         url('../fonts/p-light.ttf') format('truetype'),
         url('../fonts/p-light.svg') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*@font-face {
    font-family: 'p-bold';
    src: url('../fonts/p-bold.eot');
    src: url('../fonts/p-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/p-bold.woff') format('woff'),
         url('../fonts/p-bold.ttf') format('truetype'),
         url('../fonts/p-bold.svg') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}*/

@font-face {
    font-family: 'p-semibold';
    src: url('../fonts/p-semibold.eot');
    src: url('../fonts/p-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/p-semibold.woff') format('woff'),
         url('../fonts/p-semibold.ttf') format('truetype'),
         url('../fonts/p-semibold.svg') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* ______ Reset ______ */

html,
body {
    height: 100% !important;
    -webkit-font-smoothing: antialiased;
}

body {
    height: auto !important;
    font-family: "p-light";
    font-size: 23px;
    color: #333;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    margin: 0;
}

a,
a:hover,
a:focus {
    outline: none;
    color: #333;
}

ul {
    padding: 0;
    list-style: none;
}

b, strong {
    font-family: 'p-semibold';
}

input[type=submit],
input[type=button] {
    -webkit-appearance: none;
}

.container-fluid {
    max-width: 1170px;
    padding-left: 10px;
    padding-right: 10px;
}


/* ______ Helpers ______ */

.relative {
    position: relative!important;
}

.mt0 {
    margin-top: 0!important;
}

.mb0 {
    margin-bottom: 0!important;
}

.m0 {
    margin: 0!important;
}


/* ______ Main ______ */

.bg-image {
    display: none;
}

.show-on-mobile {
    display: none;
}

.transparent {
    padding: 10px 40px;
    background:rgba(0,0,0,0.3);
    margin-left: -40px;
}

.transparent-w {
    padding: 10px 40px;
    background:rgba(255,255,255,0.3);
    margin-left: -40px;
}

.full-width {
    height: 100vh;
    min-height: 700px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.full-width .inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.full-width .half {
    height: 100vh;
    min-height: 700px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.full-width .table-block {
    height: 100vh;
    width: 100%;
    min-height: 700px;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.full-width .table-cell {
    vertical-align: middle;
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.full-width h1 {
    font-family: "pao";
    font-size: 50px;
    line-height: 55px;
    text-align: center;
    margin-top: 0;
}

.full-width .i-want-in {
    font-family: "pao";
    font-size: 37px;
    background: #ff070f;
    padding: 8px 33px;
    border-radius: 10px;
    color: #fff;
    position: initial;
    width: 238px;
    text-align: center;
    display: block;
    margin: 40px auto 0;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.full-width .logo,
.full-width .logo-white {
    right: 60px;
}

section {
    background-size: cover;
    background-position: center center;
    min-height: 750px;
}

section .container-fluid {
    position: relative;
    min-height: 750px;
}

section .logo {
    background-image: url('../images/logo.svg');
    background-size: 100% 100%;
    width: 130px;
    height: 95px;
    display: block;
    position: absolute;
    right: 10px;
    top: 30px;
    text-indent: -9999px;
}

section .logo-white {
    background-image: url('../images/logo-white.svg');
    background-size: 100% 100%;
    width: 130px;
    height: 95px;
    display: block;
    position: absolute;
    right: 10px;
    top: 30px;
    text-indent: -9999px;
}

.i-want-in {
    font-family: "pao";
    font-size: 37px;
    text-align: center;
    width: 230px;
    background: #ff070f;
    padding: 8px 0;
    border-radius: 10px;
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: 10px;
    display: block;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.i-want-in:hover,
.i-want-in:focus {
    color: #fff;
    background-color: #ff8f00;
    text-decoration: none;
}

h1 {
    font-family: "pao";
    font-size: 80px;
    line-height: 75px;
    margin-top: 65px;
    margin-bottom: 40px;
}

section p {
    margin: 15px 0;
    font-size: 18px;
    line-height: 26px;
}

header {
    padding-bottom: 10px;
}

.logo {
    background-image: url('../images/logo.svg');
    background-size: 100% 100%;
    width: 130px;
    height: 95px;
    display: block;
    text-indent: -9999px;
    margin-top: 14px;
}

.logo-white {
    background-image: url('../images/logo-white.svg');
    background-size: 100% 100%;
    width: 130px;
    height: 95px;
    display: block;
    text-indent: -9999px;
    margin-top: 14px;
}

.btn-i-want-in {
    font-family: "pao";
    background: #ff070f;
    color: #fff;
    border-radius: 0 3px 3px 0;
    border: 0;
    float: right;
    width: 150px;
    height: 45px;
    font-size: 23px;
    line-height: 47px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.btn-i-want-in:hover {
    background-color: #ff8f00;
    text-decoration: none;
    color: #fff;
}

.btn-i-want-in:focus {
    text-decoration: none;
    color: #fff;
}

.batch {
    text-align: right;
    margin-top: 25px;
}

.batch .batch-button {
    float: right;
    display: inline-block;
}

.batch .batch-gone {
    font-family: "pao";
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    float: left;
    width: 280px;
    height: 45px;
    border: 4px solid #ff070f;
    border-right: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #fff;
    position: relative;
    padding: 0 20px;
}

.batch .batch-left {
    font-size: 18px;
    color: #333;
    clear: both;
    float: right;
    margin-top: 10px;
}

#meet-pao {
    background-image: url('../images/bg-intro.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 550px;
}

#meet-pao h1 {
    font-size: 95px;
    line-height: 80px;
    margin-bottom: 0;
}

#meet-pao p {
    font-size: 23px;
    line-height: 32px;
}

#meet-pao .container-fluid {
    min-height: 550px;
}

#meet-pao .left span {
    font-family: "pao";
    font-size: 25px;
    margin-left: 10px;
}

#meet-pao .device {
    margin: 65px auto 0;
}

#tracking {
    min-height: initial;
    padding: 70px 0;
}

#tracking .container-fluid {
    min-height: initial;
}

#tracking p {
    text-align: center;
    font-size: 28px;
    line-height: 43px;
    margin: 0;
}

#quality-of-being h1,
#quality-of-being p {
    color: #fff;
}

#highlights {
    padding: 30px 0;
    min-height: initial;
}

#highlights .container-fluid {
    min-height: initial;
}

#highlights .text {
    height: 148px;
    overflow: hidden;
}

#highlights h3 {
    font-family: 'p-semibold';
    margin-top: 10px;
    font-size: 22px;
}

#highlights p {
    font-size: 18px;
    margin-top: 15px;
}

#highlights a {
    text-decoration: none;
}

#highlights .desktop-link,
#highlights .mobile-link {
    font-family: 'p-semibold';
    display: inline-block;
    margin-top: 20px;
    text-decoration: underline;
    color: #000000;
    margin-left: -10px;
}

.arrow {
    display: inline-block;
    background: url("../images/arrow.svg") no-repeat;
    width: 21px;
    height: 21px;
    margin: -5px 10px;
    cursor: pointer;
}

#highlights img:hover {
    opacity: 0.7;
}

#amy-cuddy h1,
#amy-cuddy p {
    color: #fff;
}

#amy-cuddy a {
    color: #fff;
    font-size: 19px;
    text-decoration: underline;
}

.play {
    background-image: url('../images/play.svg');
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    display: block;
    margin: 30px auto 0;
    text-indent: -9999px;
}

#design h1,
#design p {
    color: #fff;
}

#you-are-the-hero p {
    font-family: 'p-semibold';
}


/* ______ Footer ______ */

footer {
    padding: 14px 0px;
    background-color: #a9a9a9;
    color: #fff;
    position: relative;
}

footer .logo-white {
    margin-top: 18px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer .left {
    width: 20%;
    float: left;
}

footer .center {
    width: 55%;
    float: left;
    font-size: 23px;
    padding-left: 180px;
}

footer .columns {
    display: none;
}

footer .center ul {
    float: left;
    position: relative;
    margin-right: 30px;
    margin-top: 10px;
}

footer .center ul li {
    line-height: 20px;
}

footer .center ul li a {
    font-size: 15px;
}

footer .right {
    width: 25%;
    float: left;
}

footer .socials {
    display: block;
    float: right;
    width: 100%;
}

footer .socials ul {
    float: right;
}

footer .socials li {
    width: 30px;
    height: 30px;
    float: left;
    list-style: none;
    margin-left: 8px;
}

footer .socials li a {
    line-height: 30px;
    display: block;
    text-indent: -9999px;
}

footer .socials .facebook {
    background: url(../images/facebook.svg) no-repeat;
    background-size: 30px 62px;
    background-position: 0 0;
}

footer .socials .instagram {
    background: url(../images/instagram.svg) no-repeat;
    background-size: 30px 62px;
    background-position: 0 0;
}

footer .socials .twitter {
    background: url(../images/twitter.svg) no-repeat;
    background-size: 30px 62px;
    background-position: 0 0;
}

footer .socials li:hover {
    background-position: 0 -32px;
    cursor: pointer;
}

footer .info {
    font-size: 16px;
    text-align: right;
}

footer .email {
    text-decoration: underline;
}

footer .email:hover {
    text-decoration: none;
}


/* ______ Modal ______ */



.modal-backdrop.in {
    filter: alpha(opacity=7);
    opacity: 0.7;
}

#modal-video .close {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNSAyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUgMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHJlY3QgaWQ9IlhNTElEXzVfIiB4PSIxMi4zIiB5PSItNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNS4xNjI5IDEyLjQ2NDgpIiBjbGFzcz0ic3QwIiB3aWR0aD0iMC40IiBoZWlnaHQ9IjM0LjkiLz4KPGcgaWQ9IlhNTElEXzJfIj4KCQoJCTxyZWN0IGlkPSJYTUxJRF80XyIgeD0iLTQuOSIgeT0iMTIuMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNS4xNDIyIDEyLjUxNDcpIiBjbGFzcz0ic3QwIiB3aWR0aD0iMzQuOSIgaGVpZ2h0PSIwLjQiLz4KPC9nPgo8L3N2Zz4K');
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    cursor: pointer;
    opacity: 1;
}

#modal-video .modal-content {
    background: none;
    border: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

#modal-video .modal-body {
    padding: 0 25px 25px 25px;
}

#modal-video .modal-header {
    padding: 25px 25px 15px 25px;
    text-align: right;
}

#modal-video .modal-header, .modal-footer {
    border: 0;
}

#i-want .btn-send {
    font-family: 'pao';
    font-size: 20px;
    color: #fff;
    background-color: #ff070f;
    margin-top: 20px;
}

#i-want label {
    font-size: 17px;
}

#i-want .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#i-want .modal-content {
  height: auto;
  min-height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-open #i-want {
    padding: 0!important;
}

#i-want h2 {
    font-family: 'pao';
    font-size: 27px;
    text-align: center;
    margin-top: 36px;
}

#i-want p {
    text-align: center;
    margin: 20px 0;
    font-size: 20px;
}

#i-want .close {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNSAyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUgMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMzMzMzMzM7fQ0KPC9zdHlsZT4NCjxyZWN0IGlkPSJYTUxJRF81XyIgeD0iLTUiIHk9IjEyLjMiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTIuNTAwMiAtNS4xNzc2KSIgY2xhc3M9InN0MCIgd2lkdGg9IjM0LjkiIGhlaWdodD0iMC40Ii8+DQo8ZyBpZD0iWE1MSURfMl8iPg0KCQ0KCQk8cmVjdCBpZD0iWE1MSURfNF8iIHg9IjEyLjMiIHk9Ii01IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEyLjUwMDEgLTUuMTc3NikiIGNsYXNzPSJzdDAiIHdpZHRoPSIwLjQiIGhlaWdodD0iMzQuOSIvPg0KPC9nPg0KPC9zdmc+DQo=');
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    cursor: pointer;
    opacity: 1;
}

#i-want .price {
    font-family: 'p-semibold';
    font-size: 18px;
}

#i-want #price-slider {
    max-width: 90%;
    margin: 15px auto;
}

#i-want #price-value {
    width: 100%;
    text-align: center;
}

#i-want .others {
    font-size: 25px;
    padding: 20px 0;
}

#i-want .others span {
    font-size: 33px;
}

#i-want #notice {
    text-align: center;
    color: #ff070f;
}
#i-want #share-on-facebook {
    background-image: url('../images/share-on-facebook.svg');
    background-size: 100% 100%;
    width: 119px;
    height: 40px;
    display: block;
    margin: 15px auto;
    cursor: pointer;
}


/* ______ Price Slider ______ */

.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
    touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
    user-select: none;
-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
    direction: ltr;
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; /* Fix 401 */
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
    z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}
.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}
.noUi-vertical {
    width: 18px;
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

/* Styling;
 */
.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
    background: #D3D3D3;
    box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
    transition: background 450ms;
}
.noUi-target {
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,
                inset 0 1px 7px #EBEBEB,
                0 3px 6px -3px #BBB;
}
.noUi-active {
    box-shadow: inset 0 0 1px #FFF,
                inset 0 1px 7px #DDD,
                0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}
.noUi-handle:after {
    left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}
.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
    cursor: not-allowed;
}


/* ______ Responsive ______ */

@media only screen and (max-width: 767px) {

    .logo {
        margin: 10px auto 0;
    }

    section,
    section .container-fluid {
        min-height: 700px;
    }

    section p {
        margin-top: 20px;
        font-size: 17px;
        line-height: 21px;
    }

    section .logo,
    section .logo-white {
        display: none;
    }

    h1 {
        font-size: 35px;
        line-height: 44px;
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .full-width h1 {
        font-size: 35px;
        line-height: 39px;
    }

    .full-width .table-cell {
        padding: 0 10px;
    }

    .transparent,
    .transparent-w {
        padding-right: 10px;
        margin-right: -10px;
    }

    .i-want-in,
    .full-width .i-want-in {
        font-size: 27px;
        width: 194px;
        padding: 6px 0;
    }

    .i-want-in {
        bottom: 35px;
        left: 50%;
        margin-left: -97px;
    }

    .batch .batch-button,
    .batch .batch-left {
        float: none;
    }

    #meet-pao h1 {
        font-size: 55px;
        margin-top: 35px;
        line-height: 32px;
    }

    #meet-pao p {
        font-size: 20px;
        line-height: 30px;
    }

    #meet-pao .left span {
        font-size: 14px;
    }

    #meet-pao .device {
        max-width: 290px;
        margin: 25px auto;
    }

    .full-width .table-cell {
        padding: 0 10px;
    }

    #meet-pao,
    #meet-pao .container-fluid {
        min-height: 720px;
    }

    .batch {
        text-align: center;
    }

    #meet-pao .device {
        max-width: 350px;
        margin: 43px auto;
    }

	#highlights .mobile-link {
        margin-bottom: 23px;
        font-size: 20px;
	}

    #highlights h3 {
        font-size: 20px;
    }

    #highlights p {
        font-size: 17px;
    }

    #tracking {
        padding: 30px 0;
    }

    #tracking p {
        font-size: 20px;
        line-height: 30px;
    }

    footer {
        height: 300px;
    }

    footer .left {
        width: auto;
        position: absolute;
        left: 10px;
        top: 20px;
        margin: 0;
    }

    footer .logo-white {
        width: 105px;
        height: 77px;
        margin: 0;
    }

    footer .center {
        width: auto;
        position: absolute;
        padding: 0;
        left: 10px;
        top: 165px;
    }

    footer .center ul {
        margin-right: 30px;
    }

    footer .right {
        width: auto;
        position: absolute;
        right: 10px;
    }

    footer .socials ul {
        margin: 0;
    }

    footer .info {
        margin-top: 40px;
    }

    #i-want h2 {
        font-size: 24px;
    }

    #i-want p {
        margin: 10px 0;
        font-size: 19px;
    }

    #i-want .others {
        font-size: 23px;
        padding: 10px 0;
    }

}


@media only screen and (max-width: 567px) {

    #i-want h2 {
        font-size: 19px;
    }

    #i-want p {
        margin: 10px 0;
        font-size: 18px;
    }

    #i-want .others {
        font-size: 20px;
        padding: 10px 0;
    }

    #i-want .others span {
        font-size: 29px;
    }

    #i-want #price {
        font-size: 20px;
    }

    #i-want #notice {
        font-size: 20px;
    }

}


@media only screen and (max-width: 480px) {

    #meet-pao h1 {
        font-size: 48px;
        line-height: 50px;
        line-height: 24px;
    }

    #meet-pao .left span {
        font-size: 13px;
            margin-left: 2px;
    }

    .batch .batch-gone {
        width: 206px;
        font-size: 16px;
    }

    .btn-i-want-in {
        width: 134px;
        font-size: 21px;
    }

    #highlights .text {
        height: 175px;
    }

    footer .center ul {
        margin-right: 10px;
    }

    footer .center ul li a {
        font-size: 14px;
    }

}


@media only screen and (max-width: 374px) {

    #meet-pao h1 {
        font-size: 38px;
        line-height: 40px;
        line-height: 13px;
    }

    .batch .batch-gone {
        width: 170px;
        font-size: 15px;
        padding: 0 8px;
    }

    .btn-i-want-in {
        width: 105px;
        font-size: 18px;
    }

    #meet-pao .device {
        max-width: 275px;
        margin: 67px auto;
    }

    #meet-pao .left span {
        font-size: 10px;
        margin-left: 4px;
    }

    #highlights .text {
        height: 196px;
    }

    footer {
        height: 277px
    }

    footer .center {
        top: 140px;
    }

    footer .center ul li a {
        font-size: 12px;
    }

    footer .info {
        font-size: 12px;
    }

    #highlights .mobile-link {
        font-size: 17px;
        margin-left: 0;
    }

    .arrow {
        display: none;
    }

}



@media only screen and (max-width: 320px) {

    h1 {
        font-size: 28px;
        line-height: 33px;
        margin-top: 15px;
    }

    .full-width h1 {
        font-size: 31px;
        line-height: 31px;
    }

    section p {
        margin-top: 10px;
        font-size: 16px;
    }

    #meet-pao .device {
        max-width: 265px;
        margin: 70px auto;
    }

    .i-want-in, .full-width .i-want-in {
        font-size: 24px;
        width: 165px;
    }

    footer .center ul li a {
        font-size: 11px;
    }
}


@media only screen and (min-width:568px) and (max-width:767px) {

    h1 {
        font-size: 47px;
        line-height: 50px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    section p {
        margin-top: 25px;
        font-size: 17px;
        line-height: 22px;
    }

    .i-want-in,
    .full-width .i-want-in {
        font-size: 30px;
        width: 205px;
        padding: 8px 0;
        bottom: 30px;
    }

    #tracking {
        padding: 40px 0;
    }

    #tracking p {
        font-size: 22px;
        line-height: 35px;
    }

    #highlights .text {
        height: 113px;
    }

}


@media only screen and (min-width: 768px) and (max-width: 991px) {

    .full-width .table-cell {
        padding: 0 10px;
    }

    h1 {
        font-size: 58px;
        line-height: 60px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .full-width h1 {
        font-size: 38px;
        line-height: 38px;
    }

    #meet-pao h1 {
        font-size: 70px;
        margin-top: 65px;
        line-height: 47px;
    }

    section p {
        font-size: 17px;
        line-height: 24px;
        margin-top: 20px;
    }

    #highlights p {
        font-size: 17px;
        line-height: 24px;
    }

    section .logo,
    section .logo-white {
        width: 110px;
        height: 80px;
    }

    .i-want-in {
        font-size: 35px;
        padding: 8px 20px;
        bottom: 30px;
    }

    .full-width .i-want-in,
    .i-want-in {
        font-size: 33px;
        width: 216px;
        padding: 6px 0;
    }

    #meet-pao .left span {
        font-size: 18px;
    }

    #meet-pao .device {
        max-width: 310px;
        margin: 117px auto 0;
    }

    #highlights .text {
        height: 187px;
    }

    #highlights h3 {
        font-size: 19px;
    }

    #highlights .desktop-link {
        font-size: 21px;
    }

    #tracking {
        padding: 50px 0;
    }

    #tracking p {
        font-size: 23px;
        line-height: 35px;
    }

    footer .left {
        width: 15%;
    }

    footer .logo-white {
        width: 105px;
        height: 77px;
    }

    footer .center {
        padding-left: 17px;
    }

    footer .center ul {
        margin-right: 20px;
    }

    footer .right {
        width: 30%;
    }

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .full-width .table-cell {
        padding: 30px;
    }

    h1 {
        font-size: 65px;
        line-height: 62px;
        margin-top: 40px;
        margin-bottom: 23px;
    }

    #meet-pao h1 {
        font-size: 81px;
        margin-top: 65px;
    }

    .full-width h1 {
        font-size: 38px;
        line-height: 38px;
    }

    section .logo,
    section .logo-white {
        width: 110px;
        height: 80px;
    }

    .i-want-in {
        bottom: 40px;
    }

    .full-width .i-want-in,
    .i-want-in {
        font-size: 33px;
        width: 216px;
        padding: 6px 0;
    }

    #meet-pao .left span {
        font-size: 21px;
    }

    #meet-pao .device {
        max-width: 370px;
        margin: 78px auto 0;
    }

    #highlights h3 {
        font-size: 19px;
    }

    #highlights .desktop-link {
        font-size: 21px;
    }

    #tracking {
        padding: 50px 0;
    }

    #tracking p {
        font-size: 25px;
        line-height: 39px;
    }

    footer .center {
        padding-left: 115px;
    }

}

@media only screen and (min-width: 1200px) {

    .full-width .table-cell {
        padding: 30px;
    }

}

@media only screen and (min-width: 1400px) {

    .full-width .table-cell {
        padding: 100px;
    }

}


@media only screen and (max-width: 1024px) {

    .full-width {
        min-height: 0;
        height: auto;
    }
    .full-width .half {
        width: 100%;
    }

    .hide-on-mobile {
        display: none;
    }

    .show-on-mobile {
        display: block;
    }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .full-width .table-cell {
        padding: 0 130px;
    }

}