@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 13px/1.154 Poppins;
	 /* 13px/1.154 arial ,helvetica, clean, sans-serif; */
	/* for IE6/7 */
	*font-size: small;
	/* for IE Quirks Mode */
	*font: x-small;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,input,textarea,button {
	font: 99% Poppins; 
	/* 99% arial, helvetica, clean, sans-serif; */
}

/**
 * To help tables remember to inherit
 */
table {
	font-size: inherit;
	font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,code,kbd,samp,tt {
	font-family: Poppins;
	*font-size: 108%;
	line-height: 100%;
}

.small{
	font-size: 	0.9em;
	font-weight: normal;
}

.bold{
	font-weight: 500;
	font-size: 1em;
}

.medium{
	font-size: 	1em;
	font-weight: 500;
}

.large{
	font-size: 	1.077em;
	font-weight: normal;
}

.normal{
	font-size: 0.8em;
	font-weight: normal;
}

.red{
	color: #ff0000;
}