.top-section{
/*	display: block;
    width: 100%;
    min-height: 20vh;
    background-color: #000;
    background-size: cover;
    background-position: center top;*/
}
.career-cont{
  padding: 100px 60px 40px;

}
.callhead h1{
	color: #000;
	font-size: 35px;
}
.callhead p{
color: #000;
font-size: 16px;
}
/*.culture h1{*/
	/*border-top: 1px solid #0f0f11;.*/
/*	font-size: 20px;*/
/*	color: #000;*/
/*   padding: 30px 60px 40px;*/
/*}*/

/*third section*/
 .headleft h1{
  color: #000;
  font-size: 30px;
  font-weight: 0;
}
.headleft p{
  color: #000;
  font-size: 16px;
}
.headright{
	margin-left: 8vw;
	font-weight: 0;
	padding-bottom: 3vw;
}
.headright h1{
	color: #000;
  font-size: 30px;
  font-weight: 0;
} 
.headright p{
  color: #000;
 font-size: 16px;
  
} 

/*End third section*/
.career_back{
    padding: 3%;
    width: 100%;
    min-height: 50vh;
    background-color: #514e4e;
    background-size: cover;
    background-position: center top;
}
.head_left h1{
  color: #fff;
  font-size: 20px;
  padding-bottom: 15px;
}
.head_left p{
  color: #fff;
 font-size: 16px;
}
.head_right{
  padding-left: 2vw;
  padding-bottom: 3vw;
}
.head_right h1{
  color: #fff;
  font-size: 20px;
  padding-bottom: 15px;

} 
.head_right p{
  color: #fff;
font-size: 16px;
} 

/*End third section*/

/*boxes*/

.main-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200%;
  margin: 20px;
}
.wrapper{
  padding: 10px 15px 10px;
  color: #fff;
  border: 2px solid #fff;
  background-color: #9d9b9b;
  transition: 0.5s;
}

.wrapper .header_text{
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}
.wrapper .sub-title{
  font-size: 13px;
  padding-top: 5px;
  color: #fff;
}
.wrapper:hover{
  border: 2px solid #fff;
  box-shadow: 0px 0px 1px #fff;
  -webkit-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  transition: 0.5s;
}
.wrapper:hover .icon i{
  color: #a01919;
}

.readmore a{
  color: #007bff;
  text-decoration: none;
}
.readmore a:hover{
  color: #a01919;
}

/*end boxes*/


/*----------------------------------------Media Queries----------------------------------------------*/
@media screen and (max-width:48em) {
  .career-cont{
    padding: 100px 25px 10px;

}
.callhead h1{
  color: #000;
  font-size: 23px;
}
.callhead p{
color: #000;
font-size: 16px;
}
/*.culture h1{*/
  /*border-top: 1px solid #0f0f11;*/
/*  font-size: 20px;*/
/*  color: #000;*/
/*   padding: 30px 60px 40px;*/
/*}*/

/*third section*/
 .headleft h1{
  color: #000;
  font-size: 22px;
  font-weight: 0;
}
.headleft p{
  color: #000;
  font-size: 16px;
}
.headright{
  margin-left: 8vw;
  font-weight: 0;
  padding-bottom: 3vw;
}
.headright h1{
  color: #000;
  font-size: 22px;
  font-weight: 0;
} 
.headright p{
  color: #000;
 font-size: 16px;
  
} 

/*End third section*/
.career_back{
    padding: 3%;
    width: 100%;
    min-height: 50vh;
    background-color: #514e4e;
    background-size: cover;
    background-position: center top;
}
.head_left h1{
  color: #fff;
  font-size: 20px;
  padding-bottom: 15px;
}
.head_left p{
  color: #fff;
 font-size: 16px;
}
.head_right{
  padding-left: 2vw;
  padding-bottom: 3vw;
}
.head_right h1{
  color: #fff;
  font-size: 20px;
  padding-bottom: 15px;

} 
.head_right p{
  color: #fff;
font-size: 16px;
} 

/*End third section*/

/*boxes*/

.main-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200%;
  margin: 20px;
}
.wrapper{
  padding: 10px 15px 10px;
  color: #fff;
  border: 2px solid #fff;
  background-color: #9d9b9b;
  transition: 0.5s;
}

.wrapper .header_text{
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}
.wrapper .sub-title{
  font-size: 13px;
  padding-top: 5px;
  color: #fff;
}
.wrapper:hover{
  border: 2px solid #fff;
  box-shadow: 0px 0px 1px #fff;
  -webkit-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  transition: 0.5s;
}
.wrapper:hover .icon i{
  color: #a01919;
}

.readmore a{
  color: #007bff;
  text-decoration: none;
}
.readmore a:hover{
  color: #a01919;
}

/*end boxes*/

}
  

@media screen and (max-width: 366px) and (max-device-height: 499px)  {
.career-cont{
    padding: 100px 25px 10px;

}
.callhead h1{
  color: #000;
  font-size: 23px;
}
.callhead p{
color: #000;
font-size: 16px;
}
/*.culture h1{*/
  /*border-top: 1px solid #0f0f11;*/
/*  font-size: 20px;*/
/*  color: #000;*/
/*   padding: 30px 60px 40px;*/
/*}*/

/*third section*/
 .headleft h1{
  color: #000;
  font-size: 22px;
  font-weight: 0;
}
.headleft p{
  color: #000;
  font-size: 16px;
}
.headright{
  margin-left: 8vw;
  font-weight: 0;
  padding-bottom: 3vw;
}
.headright h1{
  color: #000;
  font-size: 22px;
  font-weight: 0;
} 
.headright p{
  color: #000;
 font-size: 16px;
  
} 

/*End third section*/
.career_back{
    padding: 3%;
    width: 100%;
    min-height: 50vh;
    background-color: #514e4e;
    background-size: cover;
    background-position: center top;
}
.head_left h1{
  color: #fff;
  font-size: 20px;
  padding-bottom: 15px;
}
.head_left p{
  color: #fff;
 font-size: 16px;
}
.head_right{
  padding-left: 2vw;
  padding-bottom: 3vw;
}
.head_right h1{
  color: #fff;
  font-size: 20px;
  padding-bottom: 15px;

} 
.head_right p{
  color: #fff;
font-size: 16px;
} 

/*End third section*/

/*boxes*/

.main-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200%;
  margin: 20px;
}
.wrapper{
  padding: 10px 15px 10px;
  color: #fff;
  border: 2px solid #fff;
  background-color: #9d9b9b;
  transition: 0.5s;
}

.wrapper .header_text{
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}
.wrapper .sub-title{
  font-size: 13px;
  padding-top: 5px;
  color: #fff;
}
.wrapper:hover{
  border: 2px solid #fff;
  box-shadow: 0px 0px 1px #fff;
  -webkit-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  transition: 0.5s;
}
.wrapper:hover .icon i{
  color: #a01919;
}

.readmore a{
  color: #007bff;
  text-decoration: none;
}
.readmore a:hover{
  color: #a01919;
}

/*end boxes*/

}