.cookie-disclaimer {
        left:0;
    }

    @media screen and (min-width: 48.0625em){
        .navigation-wrapper {
            margin-bottom: 0!important;
        }
    }

    ul.breadcrumbs{
        display:none;
    }

    img {
        vertical-align:middle;
    }
    
    #header {
        width:1020px;
        margin:0 auto;
        padding:0 20px;
    }

    .main-wrapper,
    .content-wrapper {
        max-width:100%;
        margin:0 auto;
        padding:0;
    }

    #header .header-inner {
        width: 1080px;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;

        -ms-flex-pack: end;
        -webkt-justify-content: flex-end;
        justify-content: flex-end;

        -ms-flex-align: center;
        -webkit-align-items:center;
        align-items:center;
    }

    .header-content {
    
        background-image: url(/go/${basefact.currentMediaVersion}/Images/app_page/Mobile_app_page_hero_613x550.jpg);
        background-repeat:no-repeat;
        background-position: 65% 0;
        height: 550px;
        
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        
        -ms-flex: 0 0 60%;
        -webkit-flex: 0 0 60%;
        flex: 0 0 60%;
        
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap:wrap;
        flex-wrap:nowrap;
        
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        
    }

    #header h1 {
        font-size: 4.5em;
        margin-right: -2.5em;
        z-index: 4;
        color: #0d1974;
        display:block;
        
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        
    }

    .header-content >* {
        width: 110px;
        height: 110px;
        border: 1px solid #ccc;
        background:#0d1974;
        color:#fff;
        margin: 0 1em -4em 0;
    }
    
    .header-content >*:last-child {
        margin: 0 -3em -4em 0;
        padding-left: 1em;
        padding-right: 1em;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        
        -ms-flex-items:center;
        -webkit-align-items:center;
        align-items:center;
        
        border-color: #0d1974;
    }

    .header-content span.h2 {
        font-family:"Amplitude Medium";
        font-weight: normal;
        text-transform:uppercase;
        color:#fff;
        margin:0;
        font-size: 20px;
    }

    .section-2 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;


        -ms-flex-align: start;
        -webkit-align-items:flex-start;
        align-items:flex-start;

        max-width:1000px;
        margin:9em auto 7em auto;
        padding:0 10px;
        
        -ms-flex-pack:justify;
        -webkit-justify-content:space-between;
        justify-content:space-between;
    }
    .section-2 div {
        -ms-flex:0 0 50%;
        -webkit-flex:0 0 50%;
        flex:0 0 50%;
    }
    .section-2 .right-content {
        
        -ms-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%;
        
        height: 360px;
        background-image: url(/go/${basefact.currentMediaVersion}/Images/app_page/Airport_man_499x410.jpg);
        background-repeat:no-repeat;
        background-size: cover;
        
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .section-2 .right-content span.h2 {
        background: #0d1974;
        color: #fff;
        width: 195px;
        display: block;
        padding: 1em 1em 1em;
        font-family: amplitude medium;
        margin: 0 0 -5em -5em;
    }
    .section-2 img {
        height:44px;
        width:150px;
    }

    .section-2 h2 {
        color: #0d1974;
        flex-basis: 100%;
        font-size: 3em;
        margin-top: 0;
    }
    .section-2 p,
    .section-5 p{
        font-family: "Amplitude Light";
        font-size:18px;
        line-height:1.5em;
        margin-bottom:1.5em;
    }
    .section-6-wrapper {
        background: rgb(240,243,250);    
    }
    
    .section-4,
    .section-6,
    .section-5{
        
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;

        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        
        -ms-flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap;
        
        max-width: 1000px;
        margin: 3em auto 0;
        padding: 0 10px;

    }
    .section-6 {
        padding:3em 10px;
    }
    
    .section-4 h2,
    .section-6 h2,
    .section-5 h2 {
        color: #0d1974;
        margin-top: 1em;
    }
    .section-4 > h2,
    .section-6 > h2,
    .section-5 h2{
        flex-basis:100%;
        font-size:3em;
        margin-top:0;
    }
    
    .section-4 p,
    .section-6 p {
        font-family: "Amplitude Light";
        font-size: 16px;
        line-height: 1.4em;
        margin-bottom: 1em;
    }

    .section-4 > div,
    .section-6 > div {
        
        -ms-flex:0 1 30%;
        -webkit-flex:0 1 30%;
        flex:0 1 30%;
    }

    .section-4 img {
        display: block;
        margin: 0 auto 3em auto;
    }

    .section-7 {
        text-align: center;
        background: #0d1974;
        color: #fff;
    }
    
    .section-7 > p {
        padding:1em 0;
    }
    
    .section-7 span.h3 {
        display:inline-block;
    }

    .section-7 a.btn {
        margin-bottom:0;
        border: 1px solid #fff;
        margin-left: 1.5em;
        margin-right: 1.5em!important;
    } 
    
    .section-5 {
        align-items:center;
    }
    .section-5 .apple-watch {
        background-image:url('/go/${basefact.currentMediaVersion}/Images/app_page/man-looking-at-watch.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .section-5 .apple-watch {
    
        -ms-flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%;
    
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;   
        justify-content: flex-end;   
        
        height: 290px;

    }
    .section-5 .right-content {
        
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;

    }
    .section-5 img {
        width: auto;
        height: 200px;
        margin-bottom: -2em;
        margin-right: -5em;    
    }
    
    @media only screen and (max-width:1260px) {
        #header .header-inner {
            width:1020px;
        }
        .header-content >*:last-child {
            margin-right:1em;
        }
    }
    
    @media only screen and (max-width:1060px) {
    
        #header {
            width:100%;
        }
    
        #header .header-inner {
            width:100%;
        }
    }

    @media only screen and (max-width:880px) {
        
        #header {
            padding:0;
        }
    
        #header .header-inner {
            
            -ms-flex-direction: column-reverse;
            -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
        
        #header .header-inner .header-content {
            width: 100%;
            height: 250px;
            background-size: cover;
            -ms-flex:0 1 auto;
            -webkit-flex:0 1 auto;
            flex:0 1 auto;
        }
        
        #header h1 {
            margin-right:0;
            font-size:3.5em;
            margin: 2em 0.333em 0;        
        }
        
        .section-2 {
            margin:4em auto 8em auto;
        }
    }

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

        .section-2 .right-content span.h2 {
            margin: 0 0 0 0;
        }
        
        .section-5 {
        
            -ms-flex-direction:column-reverse;
            -webkit-flex-direction:column-reverse;
            flex-direction:column-reverse;
            
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }
        .section-5 .apple-watch {
            width:90%;
            height:240px;
        }
        .section-5 .apple-watch img {
            height: 160px;
            margin-bottom: -3em;
            margin-right: -3em;
        }
    }

    @media only screen and (max-width:600px) {
        
        .section-4 > div,
        .section-6 > div{
            
            -ms-flex:0 1 100%;
            -webkit-flex:0 1 100%;
            flex:0 1 100%;
        }
        
        .section-4 > div {
        
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            margin-bottom: 3em;
        }
        
    
        .section-4 img {
            height: 250px;
            width: auto;
        }
        
        .section-4 div h2 {
            margin-top:0.3em;
        }
        
        .section-6 img{
            height: 160px;
            width: 100%;
            object-fit: cover;
            object-position: 0 0;
        }
        
        #header .header-content {
            
            -ms-flex-pack:distribute;
            -webkit-justify-content:space-around;
            justify-content:space-around;
        }
        
        .header-content >* {
            width: 90px;
            height: 90px;
            margin: 0 0 -45px 0!important;
        }
        
        .header-content >*:last-child {
            padding-left: 0.75em;
        }
    
        .header-content span.h2 {
            font-size: 16px;
        }

        .section-2 > div {
            -ms-flex:0 1 100%;
            -webkit-flex:0 1 100%;
            flex:0 1 100%;
        }

        .section-2 .right-content {
            display:none;
        }
    }
    
    @media only screen and (max-width:400px) {
    
        #header .header-content > * {
            width: 75px;
            height:75px;
        }

        .header-content >*:last-child {
            padding-left: 0.5em;
        }
    
        .header-content span.h2 {
            font-size: 1.1em;
        }        
        
        .section-4 img {
            height: 180px;
        }
        
    }