.background-image: { height:300px; }
  

  .jumbotron {
      background-image: url("image/back.png");
      color: #fff;
      padding: 200px 25px 50px 50px;
  }
  .container-fluid {
      padding: 50px 50px;
  }
  
 
  
 

 
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #f4511e;
  }
  .carousel-indicators li {
      border-color: #f4511e;
  }
  .carousel-indicators li.active {
      background-color: #f4511e;
  }

  

  .item span {
      font-style: normal;
  }
 

  .navbar {
      margin-bottom: 0;
      background-image: url("image/back.png" );
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
	  
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f4511e !important;
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }




  #footer {background:#f2f2f2 ;}
.navbar-default .navbar-nav > li > a {color: #000099;}

 


    



.cards{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
margin: 0px 20px;
padding:20px 20px;
border-radius: 10px;
cursor: pointer;

}

.cards h2{
    font-size: 28px;
    color: #c94f4f;
    margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
    .services{
        display: flex;
        flex-direction: column;
    }
    .cards{
        width:85%;
        display: flex;
        margin: 20px 0;
    }
	.image{max-width: 100%;
			height: auto;
			display: block;}
}
.carousel-caption {
	  
	  bottom:10px;
	  background: rgb(0,0,0);
	  background:rgba(0,0,0,0);
	  color:blue;
	   
	  
	  }
	  .nav  { font-size:1.5em; font-style:serif; padding-left:120px ; margin: 30px;}