@media (max-width: 991px) {
    #main-region {
        height: 100%;
        margin: 0;
    }

    /*Mobile Logo*/
    .mobile-logo-wrapper {
        width: 100%;
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

        text-align: center;

        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;


    }
    img#logo {
        max-width: 60%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /*Upper Content*/
    #upper-content-region {
        height: 100%;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    #content-region {
        height: 100%;
    }

    #landing-page-teaser-region {
        width: 100%;
    }

    #landing-page-description-region {
        width: 100%;
    }

    #landing-page-teaser-container {
        flex-direction: column-reverse;
    }

    #landingpage-layout {
        height: 100%;
        width: 100%;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    }

    img#teaser-img {
        max-width: 75%;
        height: auto;
    }

    /*Navbar*/

    #header-container {
        border-bottom: 0.1em solid #e4e4e2;
        border-top: 0.1em solid #e4e4e2;
    }
    #header-container .navigation-head {
        display: none;
    }

    #header-container .navigation-list {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #header-container .navigation-body .navigation-list {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .navigation-list {
        height: 100%;
        margin: 0;
        width: 100%;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        padding: 0 !important;

        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .navigation-list .header-link {
        padding: 0.5em 1em;
        font-size: 1.5em;
    }

    .dropdown-menu {
        width: 93%;
        -webkit-box-orient: inline-axis;
        -webkit-box-direction: normal;
        -moz-box-orient: inline-axis;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        justify-content: space-around;
        font-size: 1.5em;
    }

    /*Features Pages*/
    .render-div {
        display: none;
    }

    .mobile-img-div {
        display: block;
    }

    .mobile-img {
        max-width: 100%;
        height: auto;
    }
    @-moz-document url-prefix() {
        /* Firefox doesn't respect max-width in certain situations */
        .mobile-img {
            width: 100%;
            max-width: 100%;
            height: auto; }
    }

    .feature-description-div {
        margin-left: 5%;
        margin-right: 5%;
    }

    /*Net Container*/
    #net-container {
        -webkit-box-orient: block-axis;
        -webkit-box-direction: normal;
        -moz-box-orient: block-axis;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    /*Footer*/
    #footer-container .navigation-head .navigation-list a {
        margin-left: 0.5em;
    }

    #footer-container .navigation-body .navigation-list a {
        font-size: 1.3em;
    }

    /*Contact Page*/

    #contact-adress-div {
        width: 50%;
    }

    /*Price Table*/
    #pricing-container table {
        font-size: 1.05em;
    }
    .pricetable-btn-td {
        width: 30%;
    }

    .pricetable-label {
        width: 15%
    }

    .pricetable-description {
        width: 50%;
    }

    .pricetable-btn-td .signup-input {
        width: 16em;
    }

    /*Stream*/
    #stream-container {
        -webkit-box-orient: block-axis;
        -webkit-box-direction: normal;
        -moz-box-orient: block-axis;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;

        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #stream-container .feature-description-div {
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        z-index: 10;
    }

    #stream-mobile-img {
        /*opacity: 0.7;*/
    }

    /*Net Contaner*/
    #net-container {
        -webkit-box-orient: block-axis;
        -webkit-box-direction: normal;
        -moz-box-orient: block-axis;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;

        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #net-container .feature-description-div {
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        z-index: 10;
    }

    #net-mobile-img-div {
        opacity: 0.6;
    }

    /*Tag Container*/
    #tag-container .feature-description-div {
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        z-index: 10;
    }

    #tag-mobile-img {
        opacity: 0.8;
    }

    /*pricing container*/
    #pricing-container {
        height: 650px;
    }

    #pricing-container table {
        font-size: 1.0em;
    }

    /*contact*/
    #contact-container {
        height: 650px;
    }

    /*signup input*/
    .signup-input-div .signup-input{
        font-size: 0.8em;
    }

    .signup-input {
        width: 20em;
    }

    .pricetable-btn-td .signup-input-div .signup-input {
        font-size: 0.9em;
    }

    #video-region {
        height: 700px;
    }
}