body.fixed-header .scrolling-header .navbar {background:url(../images/bg.png) repeat center top; margin-top:0; padding-top: 10px; padding-bottom:10px; }
body.fixed-header .scrolling-header .navbar .nav { margin:0 ; }
body.fixed-header .scrolling-header .navbar .normal-logo { display: none; }
body.fixed-header .scrolling-header .navbar .scroll-logo { display: inline-block; }

.header .navbar { padding-top:15px; padding-bottom:15px; margin-top:40px; margin-bottom: 0; background:none; border: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header .navbar .relative-nav-container { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.header .navbar .scroll-logo { display: none; }

.button-green {
  background-color: #006400; /* Dark green */
  color: #fff !important; /* Force white text */
  padding: 8px 16px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
}

.button-green:hover {
  background-color: transparent;
  color: #006400 !important;
  border: 2px solid #006400;
}

/* Landscape phone to portrait tablet */
@media only screen and ( min-width: 600px) and ( max-width: 767px ) {

.header { position: static !important; }
.header .navbar { position: static !important; padding-top:10px; padding-bottom:10px; margin-top:0;  background:#0A7224; border-bottom:1px solid #59B803;  }
body.fixed-header .scrolling-header .navbar { padding-top:10px; padding-bottom:10px; }
	
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

.header { position: static !important; }
  .header .navbar { position: static !important; padding-top:10px; padding-bottom:10px; margin-top:0;  background:#0A7224; border-bottom:1px solid #59B803; }
  body.fixed-header .scrolling-header .navbar { padding-top:10px; padding-bottom:10px; }	
	
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {
	
.header { position: static !important; }
  .header .navbar { position: static !important; padding-top:10px; padding-bottom:10px; margin-top:0;  background:#fff; border-bottom:1px solid #59B803;}
  body.fixed-header .scrolling-header .navbar { padding-top:10px; padding-bottom:10px; }	
}