/* Responsive page CSS custom portion */
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
	 
    }
    /*.navbar a:hover  	{ background-color:#99cc00; text-decoration: none; }*/
	
	.navbar-brand {
	  
	 padding: 0 5px;
	 margin: 0;
	}
	
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: ;
      padding: 25px;
    }
  /* .carousel { width:640px; height:360px; } */ 
  .carousel-inner img {
      width: auto; /* Set width to 100% */
      margin: auto; 
   /* padding: 10px; */
      min-height: 200px
	  height: 300px;
  }

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 300px) {
    .carousel-caption {
      display: none; 
    }
  }
  /* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }
  /* navbar-incerse active color
  .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#96cc00} */
  
  /* navbar-brand Logo text customization --text-transform: uppercase; */
  .navbar-brand p{
    font-family: segoe script;
	font-size:30px;
	font-weight: 200;
	color: #96cc00;
	margin: 0 auto;
	text-align: center;
	padding:10px 5px;
	text-shadow: 1px -2px 1px #4cc200; }/* offset offset blur color */
	
/* Alert box customazition*/
.alert {
  padding: 20px;
  margin: 10px;
  background-color: #f0f0f0;
  color: red;
}

.closebtn {
  margin-left: 15px;
  color: green;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}	

/* carousel text customization *//* offset offset blur color */
  .carousel-caption h1 {
    font-family:;
	font-size: ;
	font-weight: 400;
	color: #96cc00;
	text-align: ;
	text-shadow: 5px 5px 8px #000; 
	}
  .carousel-caption h1 {
    font-family:;
	font-size:;
	font-weight:;
	color:;
	text-align:;
	text-shadow: 5px 5px 8px #000; 
	}
/*button customization*/
.custom-background {background-color:#709900;}
.grayish {color:#dbdbdb;}

/* image text customization */
.image-caption h2 {position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:red;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.image-caption h2 {right:20%;left:20%;padding-bottom:30px}	

	
/* img shadow */
  .row img { 
    background-color: #fff;
	border: 1px solid #dbdbdb;
    border-radius: 5px;
	box-shadow: 4px 4px 4px #8D8D8D; 
			   } /* controls the size of the img ---> width: 230px; height: 230px; margin: 0px; padding: 4px; */
</style>