/****************************************
    Bria X Custom Responsive Styling
****************************************/


/*** Small portrait ***/
@media (max-width: 480px) {

    .products-container h1 {
        font-size: 2.2em !important;
    }

    .products-container h2 {
        font-size: 2em !important;
    }

    .bria-header {
    color: #ffffff; 
    }

    .main-header-beta {
        padding-top: 10px !important;
        font-size: 1em !important;
        font-weight: bold !important;
        padding-bottom: 4px !important;
        font-style: 
    }

    .header-subtext-beta {
        font-size: 0.8em !important;
        font-weight: bold !important;
    }

    .header-messaging {
        font-size: 0.7em !important;
    }

    .header-video {
        padding-top: 10px !important;
        margin-left: ;
    }

     .bria-logo {
        margin-top: 25px !important;
        margin-right: 25px !important;
    }
 
}

/** Larger than small portrait. 480px **/
@media (min-width: 480px) {

    .main-header-beta {
        font-size: 1.5em !important;
        font-weight: bold !important;
        padding-bottom: 4px !important;
    }

    .header-subtext-beta {
        font-size: 1.2em !important;
         font-weight: bold !important;
    }

    .header-messaging {
        font-size: 1.0em !important;
    }

    .bria-logo {
        margin-top: 25px;
    }

    .bria-header {
        margin-top: 0px !important;
    }

    .header-video {
        padding-top: 25px !important;
    }

}

/** Smaller than tablet. Tablet 768px **/
@media (max-width: 767px) {
    .homepage-graphic {
        background-image: url('/assets/images/briax/homepage-banner-lg.jpg') !important;
    }

    #responsive_store_ios {
        display: none;
    }

    #responsive_store_android {
        display: none;
    }
}

/** **/
/** Tablet or above **/
@media (min-width: 768px) {
    .homepage-graphic {
        background-image: url('/assets/images/briax/homepage-banner-lg.jpg') !important;
    }

    .main-header-beta {
        font-size: 2.5em !important;
        font-weight: bold !important;
        padding-bottom: 4px !important;
    }

    .header-subtext-beta {
        font-size: 2.0em !important;
        font-weight: bold !important;
    }

    .header-messaging {
        font-size: 1.4em !important;
    }

    .bria-logo {
        margin-top: 0px !important;
    }

    .bria-header {
        padding-top: 0px !important;
    }

    .header-video {
        padding-top: 40px !important;
        padding-left:70px !important;
    }
}


/** Less than desktop. Desktop 992px **/
@media screen and (max-width: 991px) {
    .btn-trybtn {
        max-width:400px !important;
    }
}

/** Desktop or above **/
@media (min-width:992px) {
    .btn-trybtn {
        max-width:none !important;
    }

    .main-header-beta {
        font-size: 3.0em !important;
        font-weight: bold !important;
    }

    .header-subtext-beta {
        font-size: 2.5em !important;
        font-weight: bold !important;
    }

    .header-messaging {
        font-size: 1.6em !important;
    }

    .bria-header {
        padding-top: 30px !important;
    }

    .header-video {
        padding-top: 50px !important;
        padding-left:120px !important;
    }

}

/**Wide Screen**/
@media (min-width:1300px) {
.btn-trybtn {
        max-width:none !important;
    }

    .main-header-beta {
        font-size: 3.0em !important;
        font-weight: bold !important;
    }

    .header-subtext-beta {
        font-size: 2.5em !important;
        font-weight: bold !important;
    }

    .header-messaging {
        font-size: 1.6em !important;
    }

    .bria-header {
        padding-top: 60px !important;
    }

    .header-video {
        padding-top: 100px !important;
        padding-left:160px !important;
    }
}

/** Extra wide screens **/
@media screen and (min-width: 1919px) {

}