body, html {
			height: 100%;
			margin: 0;
			font-family: Arial, Helvetica, sans-serif;
			}
			.hero-image {
			background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("csuitelogobanner.png");
			width: 100%;
            height: 68%;
			min-height: 450px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			}

			.hero-text {
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: white;
			}
			.hero-text button {
			border: none;
			outline: 0;
			border-radius: 11px;
			display: inline-block;
			padding: 10px 25px;
			color: black;
			background-color: #ddd;
			text-align: center;
			cursor: pointer;
			margin-bottom: auto;
			}
			.hero-text button:hover {
			background-color: #555;
			color: white;
			box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
			}