#text-primero, #text-segundo, #decimo, #undecimo{
	opacity: 0;
}
#primero {
	height: 100vh;

	background-image: url('../images/portada-empleo.png');
	background-repeat: no-repeat;
	object-fit: cover;
	object-position: center;
	background-position-x: 50%;
	background-position-y: 50%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	position: relative;
	color: white;
}
#primero .container,
#primero .container .row{
	height: 100%;
}
#primero > div > div > div{
	position: relative;
    display: flex;
    justify-items: center;
    align-items: flex-end;
}
#primero div[class*="col"] > div{
	margin-bottom: 3rem;
}
#segundo {
	padding-top: 100px;
	padding-bottom: 100px;
}

#contacto {
	height: auto;

	background-image: url('../images/bg-contacto2.png');
	background-repeat: no-repeat;
	object-fit: cover;
	object-position: center;
	background-position-x: 50%;
	background-position-y: 50%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#contacto a{
	color: white;
}
#contacto > div{
	background-color: rgba(24, 102, 255, .7);
}
#contacto > div > div[class*="container"] {
	height: 100%;
}
#contacto > div > div[class*="container"] > div.row {
	height: 100%;
}
#contacto > div > div[class*="container"] div.row div[class*="col"]{
	display: flex;
	align-items: center;
	vertical-align: center;
}
#contacto > div > div > div > div:nth-child(1){
	padding-right: 3rem;
}
#contacto > div > div > div > div:nth-child(1) ul il{
	line-height: 1.5rem;
}
#contacto > div > div[class*="container"] div.row div[class*="col"]:nth-child(1) .text-container ul{
	padding-left: 0px;
}
#contacto > div > div[class*="container"] div.row div[class*="col"]:nth-child(1) .text-container ul li{
	list-style-type: none;
}
#contacto > div > div[class*="container"] div.row div[class*="col"]:nth-child(1) .text-container{
	color: white;
}
#contacto > div > div[class*="container"] > div.row > div[class*="col"]:nth-child(2){
	padding-left: 0;
	padding-right: 0;
	padding-top: 5.5rem;
	padding-bottom: 5.5rem;
}
#contacto > div > div[class*="container"] > div.row > div[class*="col"]:nth-child(2) > div.card{
	padding: 2rem;
	height: 100%;
	width: 100%;
}
#contacto > div > div[class*="container"] > div.row > div[class*="col"]:nth-child(2) > div.card > div.card-body > h1{
	color: var(--main-color);
}
#contacto > div > div[class*="container"] > div.row > div[class*="col"]:nth-child(2) > div.card > div.card-body > div[class*="container"] > div.row > div[class*="col"]:not(:last-child){
	margin-bottom: 20px;
}
#contacto .form-floating{
	width: 100%;
}
#comentarios{
	width: 100%;
	height: 8.5rem !important;
}
#contacto a {
	text-decoration: none;
	padding-left: 4rem;
	padding-right: 4rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-radius: 2rem;
	width: 170px;
	display: inline-block;
	margin-right: 3.94rem;
	margin-bottom: 2rem;
	background-color: #012D61;
	text-align: center;
}
#decimo {
	padding-top: 100px;
}
#undecimo label[for]{
	opacity: 0.6;
}
#undecimo > div > div > div > div:nth-child(9) > button{
	display: block;
	margin-left: auto;
}


div.custom-file-upload {
	width: 100%;
	display: flex;
	text-align: left;
}
div.custom-file-upload > label {
    border: 1px solid #ddd;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 5px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
div.custom-file-upload > input[type="file"] {
	display: none;
}

@media screen and (max-width: 991px) {
	#contacto > div > div > div > div:nth-child(1){
		padding-right: 0;
	}
	#primero {
		background-size: auto 100%;
		background-position: 83% 0;
	}
	#contacto{
		background-size: auto 100%;
		background-position: 20% 0;
	}
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 479px) {
	#decimo{
		padding-top: 70px;
	}
	#contacto > div > div > div > div.col-12.col-md-12.offset-lg-2.col-lg-6{
		padding-bottom: 0;
		padding-top: 2rem;
	}
	#contacto{
		background-position: 30% 0;
	}
}