@charset "UTF-8";

#candidacy {
	background-attachment: fixed;
	background-position: center;
}

#candidacy div.inner-margin {
	margin: 20%;
}

#candidacy form.inner-margin {
	margin: 20% 20% 20% 10%;
}

#candidacy h1 {
	font-size: 55px;
	color: var(--white);
	text-shadow: 1px 1px #000;
}

#candidacy p {
	color: var(--white);
	text-shadow: 1px 1px #000;
}

#candidacy a,
#candidacy label {
	color: var(--white);
	text-shadow: 1px 1px #000;
}

#candidacy .btn-theme {
	border-left-color: var(--white);
	color: var(--white);
	text-shadow: 1px 1px #000;
}

#candidacy .btn-theme::before {
	border-top-color: var(--white);
}

#candidacy .btn-theme::after {
	border-bottom-color: var(--white);
}


/* XS */
@media only screen and (min-width : 0px) {
	
	#candidacy {
		padding: 30px 0;
		background-size: cover;
	}
	
	#candidacy .question-mark {
		display: none;
	}
	
	#candidacy div.inner-margin {
		margin: 0;
	}
	
	#candidacy h1 {
		font-size: 30px;
	}
	
	#candidacy form.inner-margin {
		margin: 10% 0% 10%;
	}
}

/* SM (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	
}

/* MD (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* LG (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* XL (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	#candidacy {
		padding: 0;
		background-size: 100% auto;
	}
	
	#candidacy .question-mark {
		display: inline-block;
	}
	
	#candidacy div.inner-margin {
		margin: 20%;
	}
	
	#candidacy h1 {
		font-size: 55px;
	}
	
	#candidacy form.inner-margin {
		margin: 20% 20% 20% 10%;
	}
}