body {
	background-image: url("../Home-page/Background/Background.png");
	background-size: cover;
	font-family: Helvetica, Arial, Sans-Serif;
}
div.container {
	width: 100%;
	padding-top: 0;
	text-align: center;
	position: relative;
}
div.heading-logo {
	width: 100%;
	height: 20%;
}
img.iClarity-logo {
	width: 13%;
	height: auto;
	margin-top: 5%;
}
div.heading-text {
	width: 100%;
	height: 10%;
}
p.heading-text {
	margin-top: 4%;
	text-transform: uppercase;
	color: rgb(2%, 48%, 69%);
	font-weight: bold;
	font-size: 2vw;
}
div.buttons {
	width: 100%;
	text-align: center;
}
.button {
	background-color: white;
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-bottom: 2%;
	box-shadow: 0.5px 0.5px 5px #888888;
	border: none;
	border-width: thin;
	border-color: rgb(88%, 88%, 88%);
	border-radius: 20px;
	color: rgb(2%, 48%, 69%);
	text-align: center;
	display: inline-block;
	font-size: 1.5vw;
	margin-top: 0.5%;
	width: 22%;
	cursor: pointer;
}
#iClarity-button {
	margin-right: 4%;
}
#choose-industry-button {
	margin-right: 4%;
}
.button:hover {
	background-color: rgb(2%, 48%, 69%);
	color: white;
	box-shadow: 3px 3px 15px #888888;
}
img.iClarity-icon {
	width: 60%;
	height: auto;
	align-self: center;
}
img.edit-pay-icon {
	width: 35%;
	height: auto;
	align-self: center;
	padding-top: 13.5%;
	padding-bottom: 9%;
}
div.footer {
	width: 100%;
	margin-top: 2%;
}
p.footer {
	width: 70%;
	text-align: center;
	margin-bottom: 4%;
	margin-left: 15%;
	margin-right: 15%;
	color: rgb(78%, 78%, 78%);
	font-size: 1.3vw;
}