html {
	font-family: 'Roboto', sans-serif;
	background: #fff url("../img/bg.jpg") no-repeat scroll center center / cover;
	height:100%;
}
body{
	background:none;
	border:10px solid #ef4539;
	height:100%;
}

h1{
	font-weight: 300;
	font-style: italic;
	color:#42b0e4;
}
.container{
	height:96%;
}
.row {
	margin:0;
	height:100%;
}
.vertical-align {
    position: relative;
    top: 30%;
}
.brand{
	bottom:10%;
	width:200px;
	position:absolute;
	left:0%;
	right:0%;
	margin:0 auto;
}
@media(max-height:640px){
	html {
		--background: #fff url("../img/bg.jpg") no-repeat scroll center top / 160% auto;
	}
	h1{
		font-size:32px;
	}
	.brand{
		width:150px;
	}
}
@media(max-height:480px){
	html {
		--background: #fff url("../img/bg.jpg") no-repeat scroll center top / 160% auto;
	}
	h1{
		font-size:32px;
	}
	.brand{
		width:100px;
	}
}