@media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 1400px) { .container { width: 1370px; } } @media (max-width:1400px) { #main-menu { text-transform: none!important; font-weight: normal!important; } #main-menu .dropdown-menu> li> a { font-weight: normal!important; } } @media (max-width:1200px) { footer { /* Set the fixed height of the footer here */ height: 600px!important; position: absolute; bottom: 0; } body { /* Margin bottom by footer height */ margin-bottom: 600px!important; } #main-menu-drop, #mobile-nav-container { display: none; } #desktop-nav-container { display: block; } } @media (max-width:1201px) { #CMSHeaderPad, div.navbar-first-tagline { display: none !important; } div.navbar-second-tagline-acronym { display: none !important; } #mobile-nav-container { display: block !important; } #desktop-nav-container { display: none !important; } .navbar { background-color: black !important; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #0399d8 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #0399d8 } ul.dropdown-menu ul.dropdown-menu:focus, ul.dropdown-menu:hover { background-color: #4087AF; } .nav> li> a:hover, .nav> li> a:focus { background-color: transparent; } #navbar-tagline-container { display: none; } .navbar-nist-logo { text-align: center; } ul.nav li.dropdown:hover ul.dropdown-menu { display: none; background-color: #004273; } .dropdown-menu> li> a { color: white; } .navbar-csrc .navbar-nav> li.open> a { background-color: #000; color: white; } #main-menu-drop, #mobile-menu-drop { z-index: 10000; background-color: #000; margin-top: 0; overflow: visible; } .navbar-header { } #body-section div.carousel-caption> h3 { font-size: 3em!important; } #body-section div.carousel-caption> p { font-size: 1em!important; } #body-section #carousel-home-visualizations div.carousel-caption { width: 100%!important; left: 0!important; right: 0!important; padding-left: 10%!important; padding-right: 10%!important; background-image: none!important; } #body-section #carousel-home-visualizations ol.carousel-indicators { display: none!important; } } @media (max-width:767px) { div.mobile-nav-container { display: block; } div.desktop-nav-container { display: none; } #navbar-tagline-container { display: none; } #nvd-menu-full-text { display: none; } .navbar-header { text-align: center; } .navbar-brand, .navbar-brand:hover, .navbar-brand:focus { text-align: center; margin: auto; } #body-section div.carousel-caption> h3 { font-size: 2em!important; } #body-section div.carousel-caption> p { font-size: 1em!important; } #body-section #carousel-home-visualizations div.carousel-caption { width: 100%!important; left: 0!important; right: 0!important; padding-left: 10%!important; padding-right: 10%!important; background-image: none!important; } #body-section #carousel-home-visualizations ol.carousel-indicators { display: none!important; } } @media (max-width:640px) { } @media (max-width:480px) { }