/*-------RESET--------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-weight:normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: 'Roboto', sans-serif; 
	font-size:18px;
	color:#494c56;
	font-weight:300;
	min-width:320px
}
.iPhone { min-width:768px !important}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.clear{clear:both;}
a {
	text-decoration:none; color:#fff;
}
input, select, textarea {
	font-size:32px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, .0), inset 0px 0px 0px rgba(0, 0, 0, .0) !important;
	-webkit-appearance: none !important;font-family: 'Roboto', sans-serif; 
}