html {
	height:100%;
	width:100%;
}

bolder { font-weight: bolder; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Roboto-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf) format('truetype');
}

/* font-family: "icons"; */
@font-face {
	font-family: icons;
	src: url(../fonts/icons.ttf) format("truetype");
	font-style: normal;
	font-weight: normal;
}

body {
	-webkit-touch-callout: none;				/* prevent callout to copy image, etc when tap to hold */
	text-size-adjust: none;	
	-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
	-webkit-user-select1: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
	background-color:#F0F0F0;
	background-image:gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E4E4E4),
		color-stop(0.51, #F0F0F0)
	);
	background-attachment:fixed;
	font-family: 'Roboto';
	font-size:5.0vmin;
	height:100%;
	margin:0;
	padding:0;
	!text-transform:uppercase;
	width:100%;
}