/* Minification failed. Returning unminified contents.
(32,26): run-time error CSS1024: Expected media identifier, found '@media'
(32,26): run-time error CSS1057: Expected media query, found '@media'
 */
/* 
    Media Sizes:
    320px - iPhone Retina
    480px - Extra Small Devices, Phones
    768px - Small Devices, Tablets
    992px - Medium Devices, Desktops
    1200px - Large Devices, Wide Screens
*/

.no-left-padding { padding-left: 0px; }
.no-right-padding { padding-right: 0px; }

/* Side Nav - start */

.nav { min-width: 68px; }
.nav li a, .nav li a:hover{ color: #FFF !important; }
.nav li a:first-letter { font-size: 18pt; font-weight: bold;}

/* Buttons */
.navWho a, .navWhat a, .navWhy a, .navContact a { padding: 5px 5px 5px 10px; }
.navContact { font-family: Wingdings; font-size: 22pt;}

/* Make nav vertical on Tablets and larger */
@media (min-width: 768px) 
{    
    .sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none;}
    .sidebar-nav .navbar ul, .sidebar-nav .navbar li { float: none; display: block; }
    .sidebar-nav .navbar li a { padding-top: 12px; padding-bottom: 12px; }
}

/* Add vertical margin when Nav displayed on Tablets and larger */
@media(min-width:768px), @media(min-width:992px), @media(min-width:1200px)
{
    .nav li { margin-bottom: 30px; }
    .sidebar-nav { margin-top: 225px; position: fixed; border-right: 1px solid #999; }
    .navbar 
    {
        border: none;
        background-image: none;
        background-color: transparent;
    }
}

@media(min-width:768px)
{
    .sidebar-nav { padding-right: 25px; }
}

@media(min-width:992px)
{
    .sidebar-nav { padding-right: 50px; }
}

@media(min-width:1200px)
{
    .sidebar-nav { padding-right: 60px; }
}

/* Side Nav - end */
 

/* Bootstrap overrides - start */

h1 { font-size: 18pt; }

.page-header { border: none; }

.page-header h1, .page-header h2
{
    text-align: center;  
    font-size:52pt;
    text-transform: uppercase;
}

.page-header h1 { font-family: High Tower Text; font-size: 24pt; color: #333;}
.page-header h2{ font-family: Lucida Console; font-size: 12pt; color: #666; margin-top: 10px; }

p { font-size: 14pt; margin-bottom: 20px; }

.jumbotron {
	
	font-size: 19pt;
	padding: 30px;
}


/* Increase header when displayed on Tablet or larger */
@media(min-width: 480px)
{
    .page-header h1 { font-size:36pt; }
    .page-header h2{ font-size:15pt; }
    p { line-height: 1.5; text-align: justify;}
}

@media(min-width: 768px)
{
    .page-header h1 { font-size:48pt; }
    .page-header h2{ font-size:20pt; }
}

/* Bootstrap overrides - end */