@font-face {
    font-family: "myfont";
    src: url(../font/Montserrat-Medium.ttf);
}

/*********************************
5. Home
*********************************/

.home-img
{
	padding: 0;
	width: 100%;
	height: 450px;
	background-color: #000000;
}
.home_text {
    position: relative;
    bottom: 260px;
    display: inline-block;
    left: 540px;
    color: #ffffff;
}
.background_image
{
    width: 100%;
    height: 450px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	opacity: 0.5;
}
 /* *******************
	   Career
******************** */
.career>h3{
	text-align: center;
	padding-top: 30px;
	margin: 0%;
}
.career-div {
	height: auto;
	border-style: solid;
    border-width: thin;
    margin: 40px 0;
	border-color: gray;
	padding: 15px;
}
.career-div .left-info p{
	margin: 0;
}
.career-div .right-info p{
	float: right;
}
.career-div .right-info button{
	position: relative;
    float: right;
    top: 50px;
	left: 150px;
	border-color: #161617;
	background-color: #ffffff;
}
.career-div .right-info button:hover{
	background-color: #000000;
	color: #ffffff;
}
 /* *************************
	   Career Details
***************************** */
.home-img-details{
	width: 100%;
	padding: 0;
}
.home-img-details h1{
	position: relative;
    top: 240px;
    color: #ffffff;
}
.background_img_details{
    width: 100%;
    height: 450px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.career_details{
	padding: 70px;
}
.career_details h3{
	color: #080db7;
}
.career_details h5{
	color: #ea6f0d;
}
.career_details p {
	margin: 0;
}
.career_details h4{
	margin-top: 35px;
}
.career_body {
	padding-bottom: 35px;
}
.career_form {
    padding-top: 35px;
}
.career_form form input.btn-light{
	border-color: #161617;
	background-color: #ffffff;
}
.career_form form input.btn-light:hover{
	background-color: #000000;
	color: #ffffff;
}
.career_body > ul > li > p{
	color: #000000;
}


/* *******************
	   Responsive
******************** */
@media(max-width:1920px){
	.background_image {
		height: 700px;
	}
	.home-img {
		height: 700px;
	}
	.home_text {
		left: 46%;
	}
}
@media(max-width:1440px){
	.background_image {
		height: 450px;
	}
	.home-img {
		height: 450px;
	}
}
@media(max-width:980px){
	.career-div .right-info button {
		top: 0;
		left: 0;
	}
}
@media(max-width:800px){
	.background_image {
		height: 370px;
	}
	.home-img {
		height: 370px;
	}
	.home_text {
		bottom: 200px;
	}
}
@media(max-width:640px){
	.background_image {
		height: 290px;
	}
	.home-img {
		height: 290px;
	}
	.home_text {
		bottom: 160px;
		left: 40%;
	}
	.career-div .left-info p {
		font-size: 13px;
	}
	.background_img_details {
		height: 350px;
	}
	.home-img-details h1 {
		top: 180px;
	}
	.career_form form #career1{
		margin-top: 50px;
	}
}
@media(max-width:530px){
	.background_image {
		height: 260px;
	}
	.home-img {
		height: 260px;
	}
	.home_text {
		bottom: 140px;
	}
	.career-div .left-info p {
		font-size: 13px;
	}
	.career-div .right-info p {
		float: none;
		padding-top: 43px;
	}
	.career-div .right-info button {
		float: none;
	}
	.career-div {
		margin: 40px;
	}
	.career_form form button {
		margin-left: 0;
		position: relative;
		top: 30px;
	}
}
@media(max-width:480px){
	.background_image {
		height: 235px;
	}
	.home-img {
		height: 235px;
	}
	.home_text {
		bottom: 120px;
	}
	.career_details {
		padding: 35px;
	}
}
@media(max-width:414px){
	.background_image {
		height: 200px;
	}
	.home-img {
		height: 200px;
	}
	.home_text {
		bottom: 95px;
	}
	.home_text h2{
		font-size: 24px;
	}
	.career>h3 {
		font-size: 24px;
	}
	.background_img_details {
		height: 250px;
	}
	.home-img-details h1 {
		top: 110px;
		font-size: 25px;
	}
	.career_body ul li, h6{
		font-size: 15px;
	}
}
@media(max-width:375px){
	.background_image {
		height: 180px;
	}
	.home-img {
		height: 180px;
	}
	.home_text {
		bottom: 90px;
	}

}
@media(max-width:320px){
	.background_image {
		height: 152px;
	}
	.home-img {
		height: 152px;
	}
	.home_text {
		bottom: 70px;
		left: 36%;
	}
	.background_img_details {
		height: 185px;
	}
	.home-img-details h1 {
		top: 100px;
	}
	
}