body{
	padding: 0; margin: 0; background: #F3F5E1;
}
::selection{
background-color: #321;
color: #fff;
}
.navbar{
	background: #4a031a;
/*border: 1px solid green;*/
overflow: hidden;
z-index: 1;
width: 100%;
 position: fixed;
}
.nav-link, .navbar-brand {
	color: #adf; cursor: pointer;
}
.nav-link{
	margin-right; 1em !important;
}
.nav-link:hover {
	color: #fff;
}
.navbar-collapse {
	justify-content: flex-end;
}

/*header style*/
.header{
	background-image: url('../images/img1.jpeg');
	background-size: cover;
	background-position: center;
        border: 1px solid black;
        position: relative;
}
.overlay{
        position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
        padding: 0px;
	background: rgba(0,0,0, 0.6);
        /*border: 1px solid #Fc2;*/
}
.description {
	    left: 50%;
            position: absolute;
	    top: 45%;
	    transform: translate(-50%, -55%);
	    text-align: center;
            /*border: 1px solid #c3F;*/
 }

.description h1 {
        color: #6ab446;
}

.description p {
     color: #Fc2;
     font-size: 1.3rem;
     line-height: 1.5;
}
.description button {
	border: 1px solid #F09F3F;
	color: #F00;
	background: #000;
        /*border: 1px solid #3cF;*/
        margin: 1em;
}
.description button:hover {
   border: 1px solid #a4F;
   background: #000;
   color: #fff;
   cursor: pointer;
}

.features{
margin: 4em auto;
padding: 1em;
border: 1px solid #A39;
position: relative;
}
.feature-block{
display: inline-block;
margin: 10px auto;
clear: both;
border: 1px solid green;
}

.feature-header{
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  margin: 2em auto;
}
.feature-title {
color: #234;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
text-align: center;
}
.features img {
     --webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
     --moz-box-shadow: 1px 1px 5px rgba(2, 9, 9, 0.4);
     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
     margin-bottom: 18px; 
     height: 250px;
     display: block;
     margin-left: auto; margin-right: auto;
}
.features .form-control, .features input {
 border-radius: 0;
}
.features .btn {
  background-color: #589b37;
  border: 1px solid #589b37;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
.features .btn:hover {
   background-color: #333;
   border: 1px solid #333;
}
.background{
 background: #dedec8;
 padding: 4em 0;
}

.team {
  color: #5e5e55;
  padding: 0 180px;
  position: relative;
}
.team .card-columns {
   -webkit-column-count: 4;
   -moz-column-count: 4;
   column-count: 4;
}
.team .card {
  background: none;
  border: none;
}
.team .card-title {
  font-szie: 1.3rem;
  margin-bottom: 0;
  text-taansofrm: uppercase;
}
.page-footer{
  background-color: #222;
  color: #ccc;
  padding: 60px 0px 30px;
}
.footer-copyright{
 border-top: 1px solid #fff;
 color: #666;
 padding: 40px 0px 0px;
}

.jssection{
  background-color: #c82;
}

.btn1 {
  background-color: #38f;
  border: 1px dotted #20c;
  padding: 2% 3%;
  margin: 10px 0;
  color: #6C9;
}

.btn1:hover {
  background-color: #000;
  border: 1px dotted #6A3;
  padding: 2% 3%;
  margin: 10px 0;
  color: #fff;
}


.img-fill {
background-color: #9A1;
border: 3px solid #A21;
width: 100%;
height: 200px;
}

@media (max-width: 575.98px){
  .description{
    left: 0;
    padding: 0 15px;
    position: absolute;
    top: 10%;
    transform: none;
    text-align: center;
  }
   .description h1 {
     font-size: 2em;
    }
   .description p {
    font-size: 1.2rem;
    }
   .features {
     margin: 0;
     padding: 0;
    }
}