.strong-stronger-strongest {
    background: #9CAFB7;
    overflow: auto;
    color: black;
    padding-bottom: 20%;
}
.strong-stronger-strongest h1 {
    width: 80%;
    margin: 10% auto 5%;
    font-weight: bolder;
    font-size: 3em;
    color: black;
}
.strong-stronger-strongest p {
    padding: 2% 10%;
    font-size: larger;
    text-align: center;
    margin: 0 0 5% 0;
}
.strong-stronger-strongest .panel {
    margin: 3%;
}
.strong-stronger-strongest .panel h2 {
    margin: 10% 2% 5% 2%;
    font-size: 2em;
}
.strong-stronger-strongest .panel h3 {
    margin: 0 auto 2% auto;
}
.strong-stronger-strongest .panel .text {
    width : 100%;
    float : left;
}
.strong-stronger-strongest .panel .text h1 {

}
.strong-stronger-strongest .panel p {
    color: white;
}
.strong-stronger-strongest .panel .image {
    background: gray;
    padding: 10%;
    border-radius: 25px;
}
.strong-stronger-strongest .panel .image img {
    padding: 0 15%;
}
#bg-image-strong {
    background:
        /* top, transparent black, faked with gradient */
        linear-gradient(
            rgba(234, 210, 172, 0.3),
            rgba(234, 210, 172, 0.3)
        ),
        /* bottom, image */
        url(../img/passwear/strong-stronger-strongest/moto360_buzz_for_auth_2.png);
    background-size: cover;
}
#bg-image-stronger {
    background:
        /* top, transparent black, faked with gradient */
        linear-gradient(
            rgba(230, 184, 156, 0.3),
            rgba(230, 184, 156, 0.3)
        ),
        /* bottom, image */
        url(../img/passwear/strong-stronger-strongest/asus_zen_tap_to_auth_2.png);
    background-size: cover;
}
#bg-image-strongest {
    background:
        /* top, transparent black, faked with gradient */
        linear-gradient(
            rgba(254, 147, 140, 0.3),
            rgba(254, 147, 140, 0.3)
        ),
        /* bottom, image */
        url(../img/passwear/strong-stronger-strongest/gear_neo_2_snap_to_auth_2.png);
    background-size: cover;
}

/********************************************
 *
 * SMALLER TABLET TABLET TABLET VIEW 640 pixels plus
 */
@media only screen and (min-width: 640px) {
    .strong-stronger-strongest .panel h2 {
        font-size: 3em;
    }
}

/********************************************
 *
 * TABLET TABLET TABLET TABLET VIEW 800 pixels plus
 */
@media only screen and (min-width: 800px) {

    .strong-stronger-strongest .panel {
        margin-top: 0;
        background: #333;
        overflow: hidden;
        border-radius: 25px;
    }
    .strong-stronger-strongest .panel .text {
        width: 50%;
        float: left;
    }
    .strong-stronger-strongest .panel .image {
        float: left;
        width: 50%;
        border-radius: 0px;
    }
    .strong-stronger-strongest .panel .image img {
        padding: 5%;
    }
    .strong-stronger-strongest .panel .text h2 {
        margin-top: 10%;
        font-size: 2em;
    }
    #bg-image-stronger {
        float: right;
    }
    #bg-text-stronger {
        float: right;
    }
}
/********************************************
 *
 * Medium Screens 1000 pixels plus
 */
@media only screen and (min-width: 1000px) {
    .strong-stronger-strongest .panel .text h2 {
        margin-top: 20%;
    }
}
/********************************************
 *
 * LARGER SCREENS
 */
@media only screen and (min-width: 1200px) {
    .strong-stronger-strongest {
        padding-bottom: 15%;
    }
    .strong-stronger-strongest .heading p {
        margin: 0 0 0 0;
        padding: 2% 35%;
    }
    .strong-stronger-strongest .panel {
        float: left;
        width: 29%;
        margin: 2%;
    }
    .strong-stronger-strongest h1 {
        margin: 10% auto 0%;
    }
    .strong-stronger-strongest .panel .text h2 {
        font-size: 2em;
    }
    .strong-stronger-strongest p {
        padding: 2% 25%;
    }
    .strong-stronger-strongest .panel .text {
        width: 100%;
        float: left;
    }
    .strong-stronger-strongest .panel .text p {
        padding: 2% 18%;
    }
    .strong-stronger-strongest .panel .image {
        float: none;
        width: 100%;
    }
    .strong-stronger-strongest .panel .image img {
        padding: 5% 15%;
    }
    #bg-image-stronger {
        float: none;
    }
    #bg-text-stronger {
        float: left;
    }
}


/*******************
 * NEW GLOBAL PASSWEAR CSS ATTRIBUTES
.passwear-quality h1 {
    width: 80%;
    margin: 10% auto;
    font-weight: bolder;
    font-size: 3em;
    color: #444;
}
.passwear-quality h2 {
    margin: 10% auto 5% auto;
    font-size: 2em;
}
.passwear-quality {
    margin-top: 5vh;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.passwear-quality .heading {
    text-align: center;
    height: 50vh;
}
.passwear-quality .heading h1 {
    margin-top: 20vh;
}
.passwear-quality .heading p {
    padding: 2% 10%;
    font-size: larger;
    margin: 0 0 5% 0;
}

.passwear-quality p {
    text-align: center;
    padding: 2% 10%;
    font-size: larger;
    margin: 0 0 5% 0;
}
*/