@charset "UTF-8";
/* CSS Document */
#main-content{
	text-align:center;	
}

p{
	display:inline-block;
	max-width:90%;
	line-height:1rem;
	margin-bottom:10px;
	color:black;
	line-height:1.7rem;

}

h2{
	margin-bottom:25px;	
	text-align:center;
	width:90%;
	max-width:700px;
	display:inline-block;
	line-height:2.5rem;
}

h3{
	text-align:center;
	width:90%;
	max-width:700px;
	display:inline-block;
}

h1{
	padding-top:25px;
	width:90%;
	max-width:700px;
	display:inline-block;
}

.listitem{
	margin:3%;
}
img{
	width:100%;
	height:auto;	
}

.cTAWrap{
	max-width:600px;
	display:inline-block;
}
.cTAWrap h2,
.cTAWrap h3{
	text-align:left;
	
	display:inline-block;
	max-width: 700px;
}
.applyForm label{
	width:90%;
	display: inline-block;
	text-align: left;
	margin: 10px 0 3px;
	font-weight: bolder;
	
}
.applyForm input{
	width:90%;
}
.applyForm{
	background-image:url(/images/careers/form-background.jpg);
	color: white;
	font-weight: bolder;
}

ul.bullet{
	max-width:700px;
	width:90%;
	display:inline-block;
	text-align:left;
	list-style:disc outside none;
	padding-left:20px;
	margin-bottom:30px;
	font-family:'Open Sans', sans-serif;
	
}
.bullet li{
	line-height:2rem;
	font-size:1.5rem;	
	font-weight:300;
	width:80%;
}

.cta{
	text-align:left;
	width:90%;
	max-width:700px;
	display:inline-block;
	margin:10px 0 50px;	
}

.button{
	text-decoration:none;
	margin:3% 0 0 0;	
}

@media screen and (max-width:768px){
	
	.button{
		width:95%;
		
		font-size:24px;
		font-size:1.5rem;	
	}
	 p{
		font-size:1.5rem;
		line-height:1.7rem;
	}

}
@media screen and (min-width:768px){
	.positionDescription{
		float:left;
		max-width: 55%
	}
	.applyForm{
		float:right;
		max-width:40%;
		display:inline-block;
		background-color:lightgray;
	}
	.bullet li {
    line-height: 1.5rem;
    font-size: 1rem;
    width: 80%;
	}
	.applyForm input{
	width:75%;
	}
	.applyForm label{
	width:75%;
	}

}