/*
=============================================================================================
																						 TEXT
=============================================================================================
*/

h1,h2,h3,h4,h5{
	font-weight:			300;	
}

h1{
	font-size:			28px;
	font-weight:			300;
	line-height:			30px
}

h2{
	font-size:			24px;
	font-weight:			300
}

h3{
	font-size:			22px;
	font-weight:			300
}

h4{
	font-size:			18px;
	font-weight:			300
}

h5{
	font-size:			14px;
	font-weight:			400
}

span.separator{
	margin:				0px 15px
}

p{
	font-weight:			400
}

.justify{
	text-align:			justify
}


/* COLORS */
h1.white ,h2.white ,h3.white ,h4.white, h5.white, p.white, span.white{
	color:				#FFF	
}

h1.magenta ,h2.magenta ,h3.magenta ,h4.magenta, h5.magenta, p.magenta, span.magenta{
	color:				#e30075	
}

h1.lightGray ,h2.lightGray ,h3.lightGray ,h4.lightGray, h5.lightGray, p.lightGray, span.lightGray{
	color:				#b7b7b7	
}

h1.green ,h2.green ,h3.green ,h4.green, h5.green, p.green, span.green{
	color:				#307e00	
}

h1.red ,h2.red ,h3.red ,h4.red, h5.red, p.red, span.red{
	color:				#ef0000	
}

.centeredContent{
	text-align:			center
}

/*
=============================================================================================
																						LINKS
=============================================================================================
*/

/* COLORS */
a.white{
	color:				#FFF;
}
a.white:hover{
	color:				#e30075;
	background-color:	#FFF;
}

a.magenta{
	color:				#e30075;
}
a.magenta:hover{
	text-decoration:	underline;
}

a{
	position:			relative;
	text-decoration:	none;
	color:				#585858;
	moz-transition: 	all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out;	
}

a:hover{
	color:				#e30075;	
}




a.rounded{
	padding:			7px 15px;
	border-radius:		20px;
}

/* BIG CIRCLE BUTTON */
a.button.mediumCircle{
	display:			inline-block;
	vertical-align:		top;
	margin:				15px;
	text-align:			center;
	width:				100px;
	height:				100px;
	padding:			15px 15px;
	border-radius:		250px;
	color:				#585858;
	border:				3px solid #e30075;
	moz-transition: 	all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: 		all 0.4s ease-out;
	-ms-transition: 	all 0.4s ease-out;
	transition: 		all 0.4s ease-out
}

a.button.mediumCircle h2{
	margin-top: 		16px;
}

a.button.mediumCircle:hover{
	color:				#FFF;
	background-color:	#e30075;
	cursor:				pointer;
}

/* ALLERT */

.largeAlert{
	display:			inline-block;
	margin:				10px 10px 10px 0px;
	text-align:			left
}

.largeAlert > *{
	display:			inline-block;
	vertical-align:		middle
}

.largeAlert .circle{
	width:				49px;
	height:				49px;
	border:				2px solid #2f2f2f;
	border-radius:		100%;
	margin-right:		10px
}

.largeAlert .circle > img{
	margin:				10px
}