@charset"UTF-8";

/**
 * Filename:        bs-xs.css
 * Revision:        v3.0 => 2016.10
 * Organization:    ignitr => https://wildfirecms.com
 * Author:          Trevor Lettman / Space2Burn
*/


 @media (max-width: 767px) {

    /*********************
     TAGS
    *********************/

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


    /*********************
     LIVE AREA
    *********************/

    #live-area
    {
        padding: 60px 0 60px !important;
    }

    #glory {
        max-height: 540px !important;
    }

    #glory .content {
        width: 90%;
    }

    #glory .content h2 {
        font-size: 2.5em !important;
    }

    #glory .content p {
        font-size: 1.2em !important;
    }

    section#kablamo h1
    {
        margin-top: 0 !important;
    }
    
    .parallax-window {
        min-height: 300px !important;
    }

    .parallax-window h2 {
        min-width: 100% !important;
        font-size: 2.4em !important;
        padding: 15px !important;
    }

    #gallery-widget {
        display: none !important;
    }

    footer {
        padding: 45px 15px 0 !important;
    }

    section#products a
    {
        height: 129px !important;
        margin-bottom: 10px !important;
    }

    footer .row .col {
        margin-bottom: 45px;
        text-align: center !important;
    }

    footer #newsletter-target .col {
        margin-bottom: 0;
        padding: .5px 15px !important;
    }

    footer .legal p {
        font-size: 1em;
    }



    /*********************
     HOMEPAGE SPECIFIC
    *********************/

  /*  #projects .col .content {
        padding-left: 0 !important;
        text-align: center;
    }*/


    /*********************
     CLASSES
    *********************/

    div.strike {
        text-align: center;
    }

    div.strike span {
        width: 45px;
    }

    div.strike span:nth-of-type(2) {
        width: 45px !important;
    }

    /*********************
     MOBILE SHOW/HIDE
    *********************/

    .mobile-show
    {
        display: block !important;
    }
    .mobile-hide
    {
        display: none !important;
    }
    

}