#bootstrap-overrides h1 p{ /* 100+1=101 priority score, yay! */
  line-height: 1;
  color: inherit;
}

.btn {
    border-radius: 0px;
 
}
/* reducing the space between drop dowsn menu lines and (max-width: 1700px)*/

	.navbar-nav a {
    color: white !important;
	font-weight: bold;
	font-size:15px;
	}
		
	/* this works */ 
	
	.navbar-nav a:hover {
	cursor:pointer;
	color:black !important;
		
	} 
	@media only screen and (max-width: 640px) {
	.navbar-nav a {
	color:pink !important;
	font-weight:bold !important;
	font-size:12px;
	}
	.navbar-nav li a {
	line-height:80%;
	
	}}
	/* for ipads */
		@media only screen and (max-height: 768px) {
		.navbar-nav a {
	color:yellow !important;
	font-weight:bold !important;
	font-size:12px;
	}}
	/* for laptops at browser height 709 */
	@media only screen and (max-height: 709px) {
		.navbar-nav a {
	color:red !important;
	font-weight:bold !important;
	font-size:12px;
	}}
	/* for smartphones at browser height 640px */
	@media only screen and (max-height: 640px) {
		.navbar-nav a {
	color:yellow !important;
	font-weight:bold !important;
	font-size:12px;
	}}
	
	/*
@media screen and (min-width: 360px) , screen and (max-height: 640px) { 	
	.navbar-nav li  a {
    line-height: 100%;
	color: white !important;
	font-weight: bold;
	font-size:15px;
	}}	*/
.carousel {
data-interval: false;
}

.rev_slider_wrapper {margin-bottom: -20px!important}

.legend {
  display: inline;
  width: auto;
  padding: 0;
  margin: 0;
  font-size: medium;
  line-height: normal;
  color: #000000;
  border: 0;
  border-bottom: none;
}

/* Example selector defined in Bootstrap */
.jumbotron h1 { /* 10+1=11 priority scores */
  line-height: 1;
  color: inherit;
}

/* Your initial take at styling */
h1 { /* 1 priority score, not enough to override Bootstrap jumbotron definition */
  line-height: 1;
  color: inherit;
}

/* New way of prioritization */
#bootstrap-overrides h1 { /* 100+1=101 priority score, yay! */
  line-height: 1;
  color: inherit;
}
 body {
      position: relative; 
	  
  }
p{
  line-height: 150%;
font-style: arial;
font-size: 15px;

}
  .affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }
    

    
	
  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }
  #section1 {padding-top:50px;height:500px;color: #fff; background-color: #1E88E5;}
  #section2 {padding-top:50px;height:500px;color: #fff; background-color: #673ab7;}
  #section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;}
  #section41 {padding-top:50px;height:500px;color: #fff; background-color: #00bcd4;}
  #section42 {padding-top:50px;height:500px;color: #fff; background-color: #009688;}