/***********************************************/
/*****************  career.html ***************/
/***********************************************/
.career-bg{
	background: url(../imgs/career.jpg) no-repeat center / cover;
}

.career-bg-center {
	padding-right: 0;
    padding-left: 0;
	padding-top: 3rem;
	padding-bottom:	3rem;
    margin-right: auto;
    margin-left: auto;
	text-align: center;
	text-transform: capitalize;
}

.career-bg-center h1{
	font-family:Raleway-Bold;
}

.career-list {
	width: 100%;
	font-family:Raleway-SemiBold;
	font-size: 18px;
	text-align: center;
}
@media (max-width: 991px){
	.career-bg-center h1{
		margin-top: 6%;
	}
}
@media (max-width: 768px) {
	.career-bg-center h1{
		margin-top: 15%;
	}
	.career-list{
		padding-bottom: 150px;
	}
	.career-list img {
		border:blue 1px solid;  /*debug*/
	}
	.career-list h3 {
		border:red 1px solid;  /*debug*/
	}
	.career-list p {
		border:green 1px solid;  /*debug*/
	}
	.underline{
		width: 25%;
	}
}

@media (max-width: 450px) {
	.underline{
		width: 50%;
	}
}

.career-list a{
	text-decoration: none;
	color: #006084;
	display: inline-block;
	height: 100%;
	width: 100%;
	padding-top:2rem;
	padding-bottom:2rem;
	-moz-background-color: #FFFFF;
	-moz-color: #006084;
}

.career-list a:focus,
.career-list a:hover{
	background-color: #006084;
	color: #FFFFFF;
	box-shadow: 5px 5px 15px grey;
}