/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 767px) {
    #top_bar    {
        display: none;
    }
    #features h1    {
        padding-top: .5em;
    }
    #features p    {
        font-size:1.5em;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {         
    #copyright  {
        font-size:.8em;
   }
.navbar-nav>li>a    {
    font-size:.95em;
    padding-left:.9em;
    padding-right:.9em;
}
    #top_bar   {
    font-size:.85em;
    }
    #features h1    {
        font-size:1.6em;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.navbar-nav>li>a    {
    font-size:.98em;
    padding-left:1.10em;
    padding-right:1.10em;
}
    #top_bar   {
    font-size:.95em;
    }
    #features h1    {
        font-size:2.25em;
    }
}
    

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

    .navbar-nav>li>a    {
    font-size:1.2em;
    padding-left:1.25em;
    padding-right:1.25em;
    }
    #top_bar   {
    font-size:1.2em;
    }
    #features h1    {
        font-size:2.8em;
    }
}