@charset "utf-8";

@font-face { font-family: "RobotoRegular"; src: url("../fonts/Roboto-Regular.ttf") format("truetype"); }
@font-face { font-family: "RobotoMedium"; src: url("../fonts/Roboto-Medium.ttf") format("truetype"); }
@font-face { font-family: "RobotoLight"; src: url("../fonts/Roboto-Light.ttf") format("truetype"); }
@font-face { font-family: "RobotoBlack"; src: url("../fonts/Roboto-Black.ttf") format("truetype"); }


html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}


@media (min-width: 576px) {
	.bg-image { 
		background: url(../images/background01.webp) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}


#authBox { width:100%; }
@media (min-width: 768px) { 
	#authBox { width:400px; }
}