.navbar.bootsnav{
    background-color: #133;
}

ul.topnav li a:hover:not(.active) {background-color: grey;
                                    border-top: 3px solid #112345;}

ul.topnav li a.active {background-color: darkgreen;
float: left;}

ul.topnav li.right {float:left;
                    background-color: #1688;
                    color: white;}

@media screen and (max-width: 600px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}


}
@media screen and (max-width: 600px) {

.navnav ul {
  padding-right: 100px;

}



.navnav ul li a{
  border-bottom: 1px solid white;
  }
}

.nav.navbar-nav.menu a{
  border-right: 1px solid black;
  color: white;
}
.nav.navbar-nav.menu :hover{
  background: seagreen;
  color: white;

}


#the-div-big-blocks h1{
    color: black;
    font-size: 25px;
    font-weight: ;
    font-family: sans-serif;
    line-height: 35px;
    
}
#the-div-big-blocks h1 em{
    color: black;
    font-size: 19px;
    font-weight: bold;
    font-family: sans-serif;
    
}



.accordion .card{
    
       border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    background-color: lightgoldenrodyellow;
    

} 

.new h2{
	cursor: pointer;
    color: white;
    position: relative;
    background-color: #133;
    margin: 0;
    padding: 20px;
    font-family: sans-serif;
    text-align: left;
    font-size: 14px;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
	

}

.new h2 em{
	font-size: 18px;
	 text-align: center;
	  font-style: italic;
}


#inclusion-div{
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    margin-top: 60px;
}


.included-head{
    background-color: #133;
    margin-top: -20px;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    height: 56px;
}

.included-head h2{
    color: white;
    font-size: 19px;
    font-family: cursive;
    padding-top: 20px;
}


.booking-form h3{
    font-weight: bold;
    font-size: 30px;
    color: #c29d59;
    text-align: center;
    margin: auto;
}
.booking-form{
    margin: auto;
}
form{
    width: 98%;
    align-content: center;
    padding-left: 10px;
    background: linear-gradient(rgba(0,0,0,0.255),rgba(0,0,0,0.255)), url(img/tarangire%26ngorongoro-radar-3.jpg);
    background-attachment: fixed;
    background-size: cover;
    box-shadow: 0 12px 12px 0;
}
input:placeholder{
  color: black;
  padding-left: 10px;
  
}

  input{
    margin:10px auto;
    box-shadow: 1px 3px 3px 1px royalblue;
    background:ghostwhite;
    width: 70%;
    color:black;
    border-bottom-left-radius: none;
    border: none;
    font-size: 18px;
  }

  
  select{
    margin:10px auto;
    box-shadow: 1px 3px 3px 1px royalblue;
    background:transparent;
    width: 60%;
    height: 40px;
    color:black;
    padding: 10px;
  }
  textarea{
    box-shadow: 0 4px 4px 0 royalblue;
    margin:10px auto;
    background:ghostwhite;
    padding-left: 10px;
    width: 70%;
    color:black ;
    border: none;
  }
  
  input:hover{
    border-radius: 20px;
    color: black;
  }
  textarea:hover{
    box-shadow: 0 4px 4px 0 royalblue;
  }
.tourmaster-head {
    color: greenyellow;
    font-weight: bold;
    text-align: left;
    padding-left: 73px;
    line-height: 45px;

}
.tourmaster-button{
   background-color: #133;
    color: white;
     width: 160px; 
     border: none;
     box-shadow: 2px 3px 3px 2px black;
      border-radius: 20px;
       font-family: cursive;
  }
.tourmaster-button:hover{
   background-color: royalblue;
    color: black;
     
  }





  

  #form-number{
    width: 70%;
    color: #133;
    
  }

  #form-date{
    width:50%;
    margin-left: 5px;
    color: #133;
  }

  #form-submit{
    background: #133;
    width:30%;
    box-shadow: 0 2px 2px 0 black;
    color: #133;
  }

  #form-submit{
    background:#c29d59;
    font-weight: bold;
    color:white;
    border-radius: 0.4em;
  }
#form-submit:hover{
    background:darkorange;
    font-weight: bold;
    color:#c29d59;
    border-radius: 0.4em;
    width: 32%;
    box-shadow: 0 2px 2px 0 black;
  }


@media only screen and (min-width: 1000px) {
  .booking-form{
    width:400px;
    align-content: center;
    padding-right: 10px;
  }

  input{
    width: 60%;
    height: 40px;
    border-radius: 6px ;
    border-style: outset;
  }
  }
 @media only screen and (min-width: 1000px) { 
.mig-pc-1 img{
    width: 490px;
    height: 450px;
}
}

.container00{
  margin: auto;
  padding-left: 100px;
}

.container0{
  width: 90%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );
  grid-gap: 10px;
}

.hox_item0{
  height: 380px;
  width: 280px;
  color: white;
  border: 2px solid green;
  position: relative;
}