/*-------------------------------------------*/
/*HTML ELEMENTS                              */
/*-------------------------------------------*/
body
{
	background-color: #FEF5FF !important;
	font-family:  "Montserrat", sans-serif !important;
}
/*-------------------------------------------*/
a:hover
{
	color: #08213f;
}

h1,h2,h3
{
	font-family:  "Anton", sans-serif !important;
}

/*-------------------------------------------*/
/* CUSTOM CLASSES	                     */
/*-------------------------------------------*/

/*-------------------------------------------*/
.form-control
{
	border-radius: 3px;
	border: 1px solid #2E1A46;
	background: #FFF;
	font-family:  "Montserrat", sans-serif !important;
}
/*-------------------------------------------*/
.title
{
	color: #3B1C50;
	font-size: 40pt;
}
/*-------------------------------------------*/
.sub-title
{
	color: #2E1A46;
	font-weight: 800;
	text-transform: uppercase;
}
/*-------------------------------------------*/
.info
{
	color: #2E1A46;
	font-weight: 700;
	text-transform: uppercase;
}
/*-------------------------------------------*/
.btn
{
	border-radius: 3px !important;
	font-family:  "Montserrat", sans-serif !important;
}
/*-------------------------------------------*/
.btn-primary
{
	background: #FFDA00;
	color: #2E1A46;
}

.btn-primary:hover
{
	background: #2E1A46;
	color: #FFDA00;
}

.btn-reto
{
	background: #08213f;
	color: white;
}

.btn-reto:hover
{
	background: #afa0bd;
	color: white;
}

/*-------------------------------------------*/

@media (min-width: 960px) 
{

.desktop
{
	display: block;
}

.mobile
{
	display: none;
}

}

@media (max-width: 959px) 
{

#main_container
{
	position:relative; top: -11.5vh;
}

.desktop
{
	display: none;
}

.mobile
{
	display: block;
}

}