/* Responsive Helpers Under 540px
*********************************************************************************************/

@media (max-width: 540px) {

    /* Setup
    *****************************************************************************************/
    
    body {
        font-size: 14px;
        line-height: 18px;
        height:100% !important;
    }
    
    body::after {
        display: none;
    }
    
    /* Typography
    *********************************************************************************************/
    
    h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 25px;
    }

    /* Rows & Content Containers
    *****************************************************************************************/
    
    .content {
        min-width: 190% !important;
    }
    
    .content.left {
        margin-left: 40px;
    }
    
    /* Header
    *****************************************************************************************/
    
    #header {
        line-height: 100px;
    padding-top: 30px;
    }
    
    #header .content span.logo {
        position: relative;
    left: -20px;
    width: 75% !important;
    display: inline-block;
    line-height: 30px;
    font-size: 20px;
    text-indent: inherit;
    }

    div.row > ul > li {
        float:none !important;
        margin-bottom:20px !important;
        max-width: 90%;
        font-size: 19px !important;
    }
    
    /* Intro
    *****************************************************************************************/
    
    #intro {
        padding: 40px 0;
        left: -14px;
        position: relative;
    }
    
    /* Subscribe
    *****************************************************************************************/
    
    input[type="text"],
    input[type="email"] {
        width: 180px;
    }
    
    .button {
        left: 201px;
    }
}