/*Tells the page to only do the following if the browser window is 1000px or more*/ @media (min-width: 1000px){ /*Tells the container that holds the navigation menu to use 100% of the browser window*/ .row-fluid .span9 { width: 100%; } /*Hides the original logo so you it doesn't show twice*/ .brand.span10.offset1 { display: none; } /*Tells the navigation container to use your logo as the background, only show the logo once, center it within the width of the container, size it to not be larger than the container, and sets the container height to 120px.*/ .menu-primary-navigation-container { background-image: url(http://www.ournestinthewest.com/wp-content/uploads/2013/12/logo-font-and-vane_final-cropped-small2.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; height: 120px; /*Can be raised or lowered to make the logo larger or smaller*/ } /*Tells the 'the big day' link to create space before the next link*/ #menu-item-17 { margin-right: 210px; /*Can be raised or lowered to give the 2 links closest to the logo more or less space to make it centered*/ } /*Tells the links where to line up in relation the height of the container*/ .navbar .nav { padding-top:90px; /*Can be raised or lowered to tell the links to lower or raise respectively.*/ } }