body {
	height: 100vh;
	width: 100vw;
	display: flex;
	background-image: url('/assets/img/background.jpg');
	background-size: cover;
	align-items: center;
}
.headerimagecontainer {
	position: absolute;
	top: 5px;
	right: 10px;
}
.tipcontainer {
	padding: 20px;
	width: 100%;
	display: block;
	justify-content: center;
	align-items: center;
	text-align: center;

}
.ubtLogo {
	height: 80px;
	float: left;
}
.ubtText {
	margin-top: -5px;
	margin-left: 10px;
	font-weight: 900;
	float: left;
	color: white;
	font-size: 40pt;

	
}
.tipnum {
	text-align: left;
	color: red;
}


/* Media Queries */
/* Extra Small */
@media only screen and (max-width: 576px){
	.tipnum {
		margin-top: 80px;
	}
	.long {
		font-size: 15pt;
	}
	.tip {
		color: white;
		font-size: 30pt;
		text-align: left;
	}
	.tipnum {
		left: 0px;
		font-size: 40pt;

	}
}

/* Small */
@media only screen and (min-width: 576px){
	.long {
		font-size: 20pt;
	}
	.tip {
		color: white;
		font-size: 30pt;
		text-align: left;
	}
	.tipnum {
		left: 0px;
		font-size: 40pt;

	}
}

/* Medium */
@media only screen and (min-width: 768px) {
	.long {
		font-size: 20pt;
	}
	.short {
		font-size: 50pt;
	}.tiny {
		font-size: 60pt;
	}
	.tip {
		color: white;
		font-size: 30pt;
		text-align: left;
	}
	.tipnum {
		left: 0px;
		font-size: 40pt;

	}

}
/* Large */
@media only screen and (min-width: 992px) {
	.long {
		font-size: 25pt;
	}
	.short {
		font-size: 50pt;
	}
	.tiny {
		font-size: 60pt;
	}
	.tip {
		color: white;
		font-size: 30pt;
		text-align: left;
	}
	.tipnum {
		left: 0px;
		font-size: 40pt;

	}

}
/* Extra Large */
@media only screen and (min-width: 1200px) {
	.long {
		font-size: 30pt;
	}
	.short {
		font-size: 50pt;
	}
	.tiny {
		font-size: 60pt;
	}
	.tip {
		color: white;
		font-size: 30pt;
		text-align: left;
	}
	.tipnum {
		font-size: 60pt;

	}

}