*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}
body{
	background-image: url(images/888.jpg);
	background-size: cover;
	background-attachment:scroll;
	background-position: center;
	font-family: 'Montserrat', arial;
	overflow-x: hidden;
}

.top{
    background-color:#fff2e6;
    background-size: cover;
	color:#e67300;
	Font-size: 2.5em;
	font-family:'Montserrat', Arial;
	font-weight: 700;
	padding: 14px;
	padding-top: 0;
	
	padding-left: 0.5em;
	
	
    
}  



/**************Navbar*************/

form div a{
	
	
	background-color:#fff2e6;
	border-radius: 3px;
	font-size: 22px;
	text-align: center;
	align-content: center;
	margin-left: 7px;
	color:black;
	
	
	
	
	
}
 
form div a:hover {
    color: white;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
    background-color:#cc7a00;
}

/*navbar{
  background-color: transparent !important;
    background-image: url(images/front2.jpg);
     background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	text-align: center;
	align-content: center;
    font-weight:700;
    font-size: 18px;
}*/

.navbar{
	
	padding-right: 1em;
	padding-left: 2.2em;
  background-color: #ffa64d!important;
	font-weight: 500;
  background-repeat: no-repeat;
  background-size: cover;
    text-align: center;
	align-content: center;
    font-size: 1.1em !important;
	font-family:'montessart';
}

.nav-item{
	padding-right: 0.6em;
	padding-left: 0.6em;
	margin: 1px;
}
 
.navbar .active{
	
	background-color: #e67300 ;
	
	border-radius: 3px;
	text-align: center;
	align-content: center;
		color:white;
	
	
	
	
}

.navbar .nav-item:hover{
	background-color: #e67300 ;
	transition-delay: 0.001s;
	border-radius: 3px;
	text-align: center;
	align-content: center;
		color:white;
}

.contact{
	font-family: 'montessart';
	align-content: right;
	text-align: right;
padding-right:6em;
	padding-top: 4px;
	padding-bottom: 0;
    background-color:#fff2e6;
    background-size: cover;
font-size: 14px;
	font-weight: 500;
	color: black;
    
}

/************title***************/
.topa{
	background-color: cadetblue;
	border-radius: 2px;
	margin: 0.3em;
	margin-top: 2.5em;
	width: 100%;
	margin-bottom: 0px;
	padding: 0.5em;
	font-size: 1.5em;color: aliceblue;
}

.topb{
	background-color: #e67300;
	border-radius: 3px;
	margin: 0.3em;
	margin-top: 2.5em;
	width: 100%;
	margin-bottom: 20px;
	padding: 0.3em;
	font-size: 1.5em;color: aliceblue;
}


/************conatiner***************/





* {
  box-sizing: border-box;
}

.row{
	
	
}

.card{
	padding: 5px;
	color: #4d2600;
	margin: 0.5em;
	align-self: center;
	
	
}




.card .card-text a{
	color: #4d2600;
}

.card .card-text a:hover{
	color: white;
}

.card:hover{
	color: white;
	background-color: cadetblue;
}

.columnb .card .card-text{
	font-size: 9px;
	
}
.columnb .card:hover{

	color: aliceblue;

	
}
.columnb .card .card-title a{
	font-size: 14px;
	color: #4d2600;
	
}

.columnb .card .card-title a:hover{
	font-size: 14px;
	color: white;
	
}

.columnb .card .card-text:hover{
	
	color: white;
	
}

.columnb .card{
	padding: 1px;
}


.sidea{
	background-color: white;
	padding: 1em;
	margin-left: 10px; 
	
}


/* Create two equal columns that floats next to each other */
.columna {
	
	align-content: center;
	align-items: center;
	text-align: center;
	margin-top: 2em;
	background-color: transparent !important;
  float: left;
  width: 60%;
  padding-left: 2em;
	padding-right: 2em;
  height:1300px; /* Should be removed. Only for demonstration */
}
.columnb {
	align-content: center ;
	align-items: center;
	text-align: center;
	margin-top: 2em;
  float: left;
  width: 40%;
	
 padding-left: 2em;
	padding-right:2em;
  height: 1450px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
  .columna {
	  height: 1300px;
    width: 100%;
  }
  .columnb {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .columna {
	  height: 1800px;
    width: 100%;
  }
  .columnb {
    width: 100%;
  }
}
/*************card**************/

.side1{
	background-color: antiquewhite;
	padding: 0.4em;
	
}




/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/************bottom***************/

.bottom{
	background-color: #ff9933;
	font-size: 15px;
	margin-top: 3em;
	padding: 0.5em;
	padding-left: 4em;
	padding-right: 4em;
}

.high{
	font-size: 26px;
	color: white;
	
}

/***********Footer****************/

p{
	color: #4d2600;
}
.ques{
	font-size: 24px;
	font-weight: 550;
	color: #804000;
	
}

hr{ color:#4d2600
   }


footer{
	font-family: arial;
	padding: 1.5em;
	background-color: #e67300;
	background-size: cover;
	
	padding: 2em;
}

h2{
	
font-weight: 550;
	color: #ffcc99;
}

footer div ul a{
	color: #ffcc99;
	text-align:left;
	align-content: left;
}

footer div ul li{
	color: #ffcc99;
	text-align:left;
	align-content: left;
}

.social{
	color: #ffcc99;
	padding-top: 1em;
}

hr{
	
	width: 4em;
}



ul{
	list-style-type: none;
}
/*************copyright**************/

.copyright{
	
	color: #ffcc99;
	padding-top: 1em;
}