.showon840
{
    display: none;
}


@media all and (max-width: 840px)
{
    h1.hero-title 
    {
        font-size: 3.5rem;
    }
    
    h1.info
    {
        font-size: 3rem;
    }
    
    h2.info
    {
        font-size: 2.5rem;
    }
    
    .container
    {
        display: block;
        position: relative;
        margin-left: 10px;
        width: calc(100% - 20px);
    }
    
    .c_main_content
    {
        display: block;
        position: relative;
        clear: both;
        padding: 0;
        margin: 0;
        border: 0;
    }
    
    .c3
    {
        margin: 0;
        padding: 0;
        width: calc(50% - 0px);
    }
    
    .c4, .c6, .c8, .c9
    { 
        width: calc(100% - 0px);
        margin-left: 0;
        text-align: center;
        clear: both;
    }
    
    .r_float, .l_float
    {
        float: none;
    }
    
    .showon840
    {
        display: inline-block;
    }
    
    .hideon840
    {
        display: none;
    }
    
    .monitor_sticky
    {
        position: relative;
    }
}