.uwy-logo-image {

  content:url(http://www.measureofamerica.org/forecaster/img/logo.png); /*Path to the replacement image */

  width: 350px;

 /*Width of new image */

  /*height: 40px;  Height of new image */

  /*NOTE about the styling the icon image: for best results, pre-render an image as .png with transparent background to be used in the above "content" 

  parameter. The width and height parameters above can be used to fit the image within the header, make sure to use the same aspect ratio as that of the 

  image when setting these parameters. The width parameter should not exceed the width of the .uwy-logo-image-container, which is styled below.*/

  /*padding-left: 180px;  Equal to width of new image */

}



.uwy-logo-image-container {

  padding-left: 5px;  /*left padding of the div containing new image */

  padding-top: 5px;  /*left padding of the div containing new image */ 

  width: 350px; /*width of div containing new image, should be at least the width of the .uwy-logo-image image*/

  

}

.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

    color: #fff; /*can be used to change the text on hover and focus states of buttons in the header */

    background-color: #000;  /*can be used to change the background color on hover and focus states of buttons in the header */

}

.navbar-inverse .navbar-brand:hover,

.navbar-inverse .navbar-brand:focus {

    background-color: none;  /*can be used to change the background color on hover and focus states of the image in the upper left of header */

}

.navbar-inverse {

    background-color: #fff;  /*can be used to change the background color of the header itself */

    border-color: #fff; /*can be used to change the bottom border that runs along bottom of header */ 

	border-width: 1px; /*set to 0 to remove the border altogether, will change the width of bottom border that runs along bottom of header */ 

}

.panel{

	/*background-color: #000000; can be used to change the background color of the ribbon directly below the header*/

}

#framework .submit:after, .button:after, button:after {

    /*background: #02b4cd !important; can be used to change the body color of buttons (i.e. the button that appears in upper right when in mobile mode, or the

	button that closes the splash screen)*/

}

.navbar-inverse .navbar-toggle {

    /*border-color: #02b4cd !important; can be used to change the border color of the mobile mode button*/

}

#framework .submit:before, .button:before, button:before {

    /*border-color: transparent transparent #02b4cd !important;  can be used to change the little triangle that appears in corner of buttons*/

}

.splash-close {

    /*border: 2px solid #02b4cd !important; can be used to style the border on alternative buttons (i.e. the button that closes the splash screen)*/

}



.navbar-inverse .navbar-nav > li > a {color: #000; padding-top 45px;}



.navbar {padding: 6px 5px 25px 5px;}



@media (min-width: 768px) {

.navbar-nav > li > a {

    padding-top: 25px; } 

  }



    .navbar-inverse .navbar-nav > li > a {padding-top: 35px;}



     #ribbon-text-right {

   float: right;

    margin-right: 86px;

    font-size: 25px !important;

  }



.cgf-ribbon-align-right {

  margin-left: 10px;

}



 @media screen and (max-width: 700px) {

  #ribbon-text-right {

    display: none !important;

  }

  }



  @media screen and (max-width: 1025px) {

  #ribbon-text-right {

    margin-right: 5px;

    font-size: 18px !important;

  }

  }



  @media screen and (min-width: 1025px) {

  .cgf-ribbon-align-left {

    line-height: 39px !important;

  }

  

  .navbar-inverse .navbar-brand:hover {background-color: none;}