.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#nexus-6-63-2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 8;
    margin-top: 105px;
    margin-left: -39.1875%;
    clear: none;
}

#iPhone-6-50 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 7;
    margin-top: 59px;
    margin-left: -56%;
    clear: none;
}

#iPhone-6-22 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 6;
    margin-top: 58px;
    margin-left: 64.0625%;
    clear: both;
}

#Track_your_time_on_court_and_how_long_you’ve_actually_been_play {
    float: left;
    font-size: 1.0599219375em;
    width: 15.5%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 23px;
    color: rgb(118, 118, 118);
    font-style: normal;
    letter-spacing: 0.04em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 26;
    margin-top: 9px;
    margin-left: 5.3125%;
    clear: none;
}

#Nexus-6-25-2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 13;
    margin-top: 109px;
    margin-left: -62%;
    clear: none;
}

#Play_Time {
    float: left;
    font-size: 1.1239323749999999em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    color: rgb(102, 102, 102);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 25;
    margin-top: 19px;
    margin-left: 16.5%;
    clear: none;
}

#View_a_heat_map_of_ball_impact_points_on_your_strings_over_time {
    float: left;
    font-size: 1.0599219375em;
    width: 15.5%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 23px;
    color: rgb(118, 118, 118);
    font-style: normal;
    letter-spacing: 0.04em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 50;
    margin-top: 9px;
    margin-left: 21.5%;
    clear: both;
}

#iPhone-6-48 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 12;
    margin-top: 62px;
    margin-left: -78.8125%;
    clear: none;
}

#yellow-bottom {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 3;
    margin-top: 442px;
    margin-left: -77.125%;
    clear: none;
}

#icon6 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 30;
    margin-top: 17px;
    margin-left: 13.6875%;
    clear: none;
}

#impact {
    float: left;
    font-size: 1.1239323749999999em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    color: rgb(102, 102, 102);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 49;
    margin-top: 19px;
    margin-left: 27.625%;
    clear: both;
}

#View_a_heat_map_of_ball_impact_points_on_your_strings_over_time_copy {
    float: left;
    font-size: 1.0599219375em;
    width: 15.5%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 23px;
    color: rgb(118, 118, 118);
    font-style: normal;
    letter-spacing: 0.04em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 34;
    margin-top: 9px;
    margin-left: 5%;
    clear: none;
}

#iPhone-6-46 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 11;
    margin-top: 61px;
    margin-left: -37.5625%;
    clear: none;
}

#yellow-top {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;
}

#icon4 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 54;
    margin-top: 17px;
    margin-left: 25.875%;
    clear: both;
}

#Strings {
    float: left;
    font-size: 1.1239323749999999em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    color: rgb(102, 102, 102);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 33;
    margin-top: 19px;
    margin-left: 16.875%;
    clear: none;
}

#View_the_amount_and_type_of_spin_applied_ {
    float: left;
    font-size: 1.0599219375em;
    width: 15.5%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 23px;
    color: rgb(118, 118, 118);
    font-style: normal;
    letter-spacing: 0.04em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 18;
    margin-top: 7px;
    margin-left: 5.25%;
    clear: none;
}

#background {
    float: left;
    width: 100%;
    height: 1720px;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image:url("img/background.jpg");
    -webkit-background-size: 100%;
    background-size: 100%;
}

#icon5 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 38;
    margin-top: 15px;
    margin-left: 13.3125%;
    clear: none;
}

#Spin {
    float: left;
    font-size: 1.1239323749999999em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    color: rgb(102, 102, 102);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 17;
    margin-top: 18px;
    margin-left: 18.3125%;
    clear: none;
}

#Track_your_number_of_forehands_backhands_serves_and_smashes_ {
    float: left;
    font-size: 1.0599219375em;
    width: 15.5%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 23px;
    color: rgb(118, 118, 118);
    font-style: normal;
    letter-spacing: 0.04em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 42;
    margin-top: 7px;
    margin-left: 5%;
    clear: none;
}

#icon3 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 22;
    margin-top: 10px;
    margin-left: 13.75%;
    clear: none;
}

#Shots {
    float: left;
    font-size: 1.1239323749999999em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    color: rgb(102, 102, 102);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 41;
    margin-top: 20px;
    margin-left: 15.4375%;
    clear: none;
}

#Guage_your_racket_head_speed_on_ball_impact_for_groundstrokes_ {
    float: left;
    font-size: 1.0599219375em;
    width: 15.5%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 23px;
    color: rgb(118, 118, 118);
    font-style: normal;
    letter-spacing: 0.04em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 58;
    margin-top: 7px;
    margin-left: 21.5625%;
    clear: both;
}

#icon2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 46;
    margin-top: 10px;
    margin-left: 13.4375%;
    clear: none;
}

#Racket_Speed {
    float: left;
    font-size: 1.1239323749999999em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    color: rgb(102, 102, 102);
    font-style: normal;
    letter-spacing: 0.02em;
    text-decoration: none;
    font-family: 'Myriad Pro';
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 57;
    margin-top: 18px;
    margin-left: 25.9375%;
    clear: both;
}

#icon1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 62;
    margin-top: 10px;
    margin-left: 25.875%;
    clear: both;
}

#box7 {
    margin-left: 9.209101%;
    float: left;
    height: auto;
    margin-top: 17px;
    clear: none;
    width: 26.868906%;
}

#box6 {
    margin-left: 8.667389%;
    float: left;
    height: auto;
    margin-top: 15px;
    clear: none;
    width: 26.868906%;
}

#box5 {
    margin-left: 0.65005417%;
    float: left;
    height: auto;
    margin-top: 15px;
    clear: both;
    width: 26.868906%;
}

#box4 {
    margin-left: 9.099066%;
    float: left;
    height: auto;
    margin-top: 10px;
    clear: none;
    width: 26.868906%;
}

#box3 {
    margin-left: 8.667389%;
    float: left;
    height: auto;
    margin-top: 10px;
    clear: none;
    width: 26.868906%;
}

#box2 {
    margin-left: 0.75839653%;
    float: left;
    height: auto;
    margin-top: 10px;
    clear: both;
    width: 26.868906%;
}

#box {
    margin-left: 0px;
    float: none;
    height: auto;
    margin-top: 0px;
    clear: none;
    width: 923px;
    margin-right: 0px;
    position: absolute;
    top: 61px;
    left: 21.15625%;
}

#box8 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 58px;
    clear: both;
    width: 97.074756%;
}

#box1 {
    float: left;
    height: auto;
    margin-left: 0.10834236%;
    margin-top: 0px;
    clear: none;
    width: 99.891658%;
}

@media only screen and (max-width: 5032px) {
    #yellow-top {
        margin-top: -1782px;
        margin-left: 0%;
        clear: none;
        float: left;
        height: 30em;
        width: 100%;
        z-index: 6;
        margin-right: 0%;
    }

    #iPhone-6-46 {
        margin-top: -534px;
        margin-right: 0%;
        margin-left: 71.585209%;
        clear: both;
    }

    #iPhone-6-48 {
        margin-top: -534px;
        margin-right: 0%;
        margin-left: 0.00169469%;
        clear: none;
    }

    #icon1 {
        margin-top: 10px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #icon2 {
        margin-top: 10px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #icon3 {
        margin-top: 10px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #Nexus-6-25-2 {
        margin-top: 48px;
        margin-right: 0%;
        margin-left: 278.16740000000004px;
        clear: none;
        z-index: 20;
    }

    #Shots {
        margin-top: 20px;
        margin-left: auto;
        clear: none;
        float: none;
        margin-right: auto;
    }

    #Racket_Speed {
        margin-top: 18px;
        margin-right: auto;
        margin-left: auto;
        clear: none;
        float: none;
    }

    #Spin {
        margin-top: 18px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #Guage_your_racket_head_speed_on_ball_impact_for_groundstrokes_ {
        margin-top: 7px;
        margin-left: auto;
        clear: none;
        width: 100%;
        float: none;
        height: auto;
        margin-right: auto;
    }

    #Track_your_number_of_forehands_backhands_serves_and_smashes_ {
        margin-top: 7px;
        margin-left: auto;
        clear: none;
        width: 100%;
        float: none;
        margin-right: auto;
    }

    #View_the_amount_and_type_of_spin_applied_ {
        margin-top: 7px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        width: 100%;
        float: none;
    }

    #icon4 {
        margin-top: 17px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #icon5 {
        margin-top: 15px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #icon6 {
        margin-top: 17px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #impact {
        margin-top: 19px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #Strings {
        margin-top: 19px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #Play_Time {
        margin-top: 19px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #View_a_heat_map_of_ball_impact_points_on_your_strings_over_time_copy {
        margin-top: 7px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        width: 100%;
        float: none;
    }

    #View_a_heat_map_of_ball_impact_points_on_your_strings_over_time {
        margin-top: 7px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        clear: none;
        float: none;
    }

    #Track_your_time_on_court_and_how_long_you’ve_actually_been_play {
        margin-top: 7px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        width: 100%;
        float: none;
    }

    #iPhone-6-50 {
        margin: 0px 0px 0px -1.150949%;
        clear: none;
        float: left;
        z-index: 17;
    }

    #nexus-6-63-2 {
        margin-top: 47px;
        margin-left: -69.885254%;
        clear: none;
        margin-right: 0%;
    }

    #yellow-bottom {
        margin-top: -196px;
        margin-left: 0%;
        clear: none;
        height: 12.25em;
        width: 100%;
        z-index: 6;
    }

    #iPhone-6-22 {
        margin-top: 0px;
        margin-right: 0%;
        margin-left: 48.788016%;
        clear: none;
        z-index: 7;
    }

    #background {
        height: auto;
    }

    #box2 {
        margin-top: 33px;
        margin-left: 0.75839653%;
        clear: both;
    }

    #box3 {
        margin-top: 33px;
        margin-left: 8.627184%;
        clear: none;
    }

    #box4 {
        margin-top: 33px;
        margin-left: 9.139694%;
        clear: none;
    }

    #box5 {
        margin-top: 15px;
        margin-left: 0.65005417%;
        clear: both;
    }

    #box {
        margin-left: auto;
        float: none;
        height: auto;
        margin-top: 0px;
        clear: none;
        width: 923px;
        position: relative;
        top: 0px;
        left: 0px;
        margin-right: auto;
    }

    #box6 {
        margin-top: 15px;
        margin-left: 8.735526%;
        clear: none;
    }

    #box7 {
        margin-top: 17px;
        margin-left: 9.141387%;
        clear: none;
    }

    #box8 {
        float: none;
        height: auto;
        margin-left: auto;
        margin-top: 1123px;
        clear: none;
        width: 97.074756%;
        margin-right: auto;
    }

    #box1 {
        float: left;
        height: auto;
        margin-left: 0.10834236%;
        margin-top: 0px;
        clear: none;
        width: 99.891658%;
    }
}

@media only screen and (max-width: 923px) {
    #box {
        width: auto;
    }

    #iPhone-6-50 {
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        margin-top: 1px;
        clear: none;
    }

    #iPhone-6-22 {
        margin-top: -523px;
        margin-left: 76.67155%;
        clear: both;
    }

    #nexus-6-63-2 {
        margin-top: -476px;
        margin-left: -69.903966%;
        clear: none;
    }
}

@media only screen and (max-width: 796px) {
    #Nexus-6-25-2 {
        margin-top: 48px;
        margin-left: 223.15625px;
        clear: none;
    }

    #nexus-6-63-2 {
        margin-top: -476px;
        margin-left: -73.698259%;
        clear: none;
    }

    #iPhone-6-46 {
        margin-top: -534px;
        margin-left: 68.059267%;
        clear: both;
    }

    #iPhone-6-22 {
        margin-top: -523px;
        margin-left: 73.043091%;
        clear: both;
    }
}

@media only screen and (max-width: 702px) {
    #Nexus-6-25-2 {
        margin-top: 48px;
        margin-left: 159.15625px;
        clear: none;
    }

    #nexus-6-63-2 {
        margin-top: -476px;
        margin-left: -78.662325%;
        clear: none;
    }

    #iPhone-6-22 {
        margin-top: -523px;
        margin-left: 70.547772%;
        clear: both;
    }

    #iPhone-6-46 {
        margin-top: -534px;
        margin-left: 65.634261%;
        clear: both;
    }

    #iPhone-6-48 {
        margin-top: -534px;
        margin-left: -4.688162%;
        clear: none;
    }

    #iPhone-6-50 {
        margin-top: 1px;
        margin-left: -4.828835%;
        clear: none;
    }
}

@media only screen and (max-width: 595px) {
    #iPhone-6-48 {
        margin-top: -534px;
        margin-left: -4.855388%;
        clear: none;
    }

    #iPhone-6-50 {
        margin-top: 1px;
        margin-left: -32.010911%;
        clear: none;
    }

    #Nexus-6-25-2 {
        margin-top: 48px;
        margin-left: 158.15625px;
        clear: none;
        z-index: 28;
    }

    #nexus-6-63-2 {
        margin-top: -476px;
        margin-left: -79.007778%;
        clear: none;
        z-index: 16;
    }
}