@media (min-width: 320px) and (max-width: 484px){
	.headerContent h1 {
		font-size: 18px;
		font-family: PrincipalBold;
		padding: 0 20px;
	}
	.jobinfoLocation {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 40px 0;
	}
	.jobDescription p, .jobDescription ul li {
		font-size: 14px;
		font-family: 'Principal';
		text-align: justify;
	}
	.modalLocation {
		width: 90%;
		display: flex;
		flex-direction: column;
		background: #fff;
		padding: 60px;
		align-items: center;
		justify-content: center;
		border-radius: 20px;
	}
}


@media (min-width: 568px) and (max-width: 736px){

	.headerContent h1 {
		font-size: 18px;
		font-family: PrincipalBold;
		padding: 0 20px;
	}
	.jobinfoLocation {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 40px 0;
	}
	.jobDescription p, .jobDescription ul li {
		font-size: 14px;
		font-family: 'Principal';
		text-align: justify;
	}
	.modalLocation {
		width: 90%;
		display: flex;
		flex-direction: column;
		background: #fff;
		padding: 60px;
		align-items: center;
		justify-content: center;
		border-radius: 20px;
	}
}


@media (min-width: 768px) and (max-width: 800px){


	.headerContent h1 {
		font-size: 18px;
		font-family: PrincipalBold;
		padding: 0 20px;
	}
	.jobinfoLocation {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 40px 0;
	}
	.jobDescription p, .jobDescription ul li {
		font-size: 14px;
		font-family: 'Principal';
		text-align: justify;
	}
	.modalLocation {
		width: 90%;
		display: flex;
		flex-direction: column;
		background: #fff;
		padding: 60px;
		align-items: center;
		justify-content: center;
		border-radius: 20px;
	}
}


@media (min-width:800px) and (max-width: 1050px){


	.headerContent h1 {
		font-size: 18px;
		font-family: PrincipalBold;
		padding: 0 20px;
	}
	.jobinfoLocation {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 40px 0;
	}
	.jobDescription p, .jobDescription ul li {
		font-size: 14px;
		font-family: 'Principal';
		text-align: justify;
	}
	.modalLocation {
		width: 90%;
		display: flex;
		flex-direction: column;
		background: #fff;
		padding: 60px;
		align-items: center;
		justify-content: center;
		border-radius: 20px;
	}
}