.mainContent {
    width: 100%;
    position: relative;
    bottom: 200px;
    margin-bottom: -200px;
}
.hp-fw {}
.hp-fw .header{
    background-image: url('/ISS_Static/WW/AG/outlet/common/outlet-lightBlue-background.jpg');
    height: 473px;
    overflow: hidden;
    position: relative;
}
.hp-fw .header .laptop{
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -1060px;
}
.hp-fw .header .title{
    position: absolute;
    font-size: 67px;
    text-align: center;
    bottom: 165px;
    color: white;
    width: 100%;
    font-weight: 300;
}
.hp-fw .header .subtitle{
    position: absolute;
    bottom: 151px;
    color: white;
    text-align: center;
    width: 100%;
    font-size: 23px;
    font-weight: 200;
}
.hp-fw .main {}
.hp-fw .main .title {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    padding: 18px;
    color: #898989;
    padding-bottom: 0px;
}
.hp-fw .main .title strong {
    text-align: center;
    color: #71A9E4;
}
.hp-fw .main .items {
    display: flex;
    justify-content: center;
    padding: 78px 20px;
    flex-wrap: wrap;
}
.hp-fw .main .items  .divider {
    height: 290px;
    width: 1px;
    background: rgba(204, 204, 204, 0.58);
    margin: 0 17px;
    display: block;
}
.hp-fw .main .items .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    width: 183px;
}
.hp-fw .main .items .item .item-img{}
.hp-fw .main .items .item .title{
    line-height: 27px;
    color: black;
}
.hp-fw .main .items .item .link{}

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

        .hp-fw .main .items .divider {
            display:none;
        }
    }
    @media only screen and (max-width : 768px) {

        .mainContent {
            width: 100%;
            position: relative;
            bottom: 200px;
            margin-bottom: -200px;
        }
        .hp-fw {}
        .hp-fw .header{
            background-image: url('/ISS_Static/WW/AG/outlet/common/outlet-lightBlue-background.jpg');
            height: 783px;
            overflow: hidden;
            position: relative;
            background-size: contain;
        }
        .hp-fw .header .laptop{
            position: absolute;
            bottom: 330px;
            left: 50%;
            margin-left: -410px;
            width: 720px;
        }
        .hp-fw .header .title{
            position: absolute;
            font-size: 77px;
            text-align: center;
            bottom: 195px;
            color: white;
            width: 100%;
            font-weight: 300;
            line-height: 76px;
        }
        .hp-fw .header .subtitle{
            position: absolute;
            bottom: 61px;
            color: white;
            text-align: center;
            width: 50%;
            font-size: 37px;
            font-weight: 300;
            margin: 0 auto;
            line-height: 42px;
            margin-left: 25%;
        }
        .hp-fw .main {}
        .hp-fw .main .title {
            text-align: center;
            font-size: 33px;
            font-weight: 300;
            padding: 18px;
            color: #898989;
            padding-bottom: 0px;
            padding: 0 10%;
            line-height: 30px;
            margin-top: 30px;
        }
        .hp-fw .main .title strong {
            text-align: center;
            color: #71A9E4;
        }
        .hp-fw .main .items {
            display: flex;
            justify-content: center;
            padding: 78px 20px;
            flex-wrap: wrap;
        }
        .hp-fw .main .items  .divider {
            height: 1px;
            width: 80%;
            background: rgba(204, 204, 204, 0.58);
            margin: 0 17px;
            display: block;
            margin-top: 30px;
        }
        .hp-fw .main .items .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            align-content: center;
            justify-content: flex-start;
            width: auto;
            flex: 1|;
        }
        .hp-fw .main .items .item .item-img{position: relative;top: 20px;}
        .hp-fw .main .items .item .title{
            line-height: 27px;
            color: black;
        }

    }
    @media only screen and (max-width : 400px) {
        .hp-fw .header .subtitle{
            display:none;
        }
        .hp-fw .header .laptop{
            position: absolute;
            bottom: 180px;
            left: 50%;
            margin-left: -300px;
            width: 520px;
        }
        .hp-fw .header {
            background-image: url('/ISS_Static/WW/AG/outlet/common/outlet-lightBlue-background.jpg');
            height: 583px;
            overflow: hidden;
            position: relative;
            background-size: contain;
        }

        .hp-fw .header .title {
            position: absolute;
            font-size: 77px;
            text-align: center;
            bottom: 45px;
            color: white;
            width: 100%;
            font-weight: 300;
            line-height: 76px;
        }

    }