/*
  Attention: This file is not an official part of twitter bootstrap, but it contains few overrides of media queries. 
  The most important change (while keeping twitter bootstrap's responsive functionality) 
  is that it restricts .container class of this template to be at most 960px wide.

  Comment the forst section to allow sizes wider than 960px.

*/

@media (min-width: 1200px) {
/*    .row {
        margin-left: -20px;
        *zoom: 1;
    }*/
    
    h3{
        font-size: 23.5px;
    }

}

/*
  Rules for resolutions between 768 and 979px
*/

@media (max-width: 979px) and (min-width: 768px) {
    .navbar .navbar-inner .nav {
        margin-left:-14px;
        float:left!important;
    }
    
    .brand{
        font-size:25.5px!important;
    }
    
    h3{
        font-size:21.5px;
    }

    .navbar .navbar-inner .brand {
        width:100%;
    }
    .navbar .nav-responsive {
        display:none;
        width:100%;
        margin:60px auto 0 auto;
        clear:both;
    }
    .navbar .container {
        width: 724px!important;
    }
}

/*
  Rules for resolutions below 768px
*/

@media (max-width: 767px) {
    
    /* padding on screen sides */
    .container {
        width:80%!important;
    }
    
    .brand{
        font-size:21.5px!important;
        margin-bottom: 10px!important;
    }

    h4{
        font-size:14.5px;
    }

    /* hides main navigation */
    .navbar .navbar-inner .nav {
        display:none;
    }

    /* shows alternative navigation */
    .navbar .nav-responsive {
        display:block!important;
        width:100%;
    }
}