﻿
body {
	overflow-y: hidden !important;
}

#intro {
	/*border: 2px solid black;*/
	background-image: url('../images/covers/1.jpg');
	margin-right: -30px;
	margin-left: -30px;
	position: relative;
	margin-top: -130px;
	/*width: 100%;*/
	height: calc(100vh - 26px);
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	backface-visibility: hidden;
	opacity: 1;
}

#overlay {
	background: black;
	overflow: hidden;
	object-fit: cover;
	height: calc(100vh - 26px);
	opacity: 0.7;
	z-index: -1;
}

.welcome {
	position: absolute;
	width: 60%;
	z-index: 100;
	top: 35%;
	left: 18%;
	margin-left: 0;
	margin-top: -40px;
	color: white;
	font-size: 150%;
	font-weight: 600;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.6), 0px 18px 23px rgba(0,0,0,0.5);
	-webkit-font-smoothing: subpixel-antialiased;
	backface-visibility: hidden;
	background-color: transparent;
}

#intro .welcome .h1-responsive {
	letter-spacing: 1.5px;
	z-index: -1;
	position: relative;
}

#intro .welcome .h3-responsive {
	/*font-size: 125%;*/
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 1.5px;
}

#intro .welcome .p-welcome {
	letter-spacing: -1.0px;
	font-weight: 400;
	z-index: -1;
	position: relative;
}

.table-home td {
	font-size: 125%;
	font-weight: 400;
}

.table-home th {
	color: #0c6eb5;
	font-size: 190%;
	font-weight: 500;
}

.border-radius-1 {
	border-radius: 10%;
}

.img-home {
	height: 350px;
	width: 440px;
}

.benefits {
	background-color: #e9e9e9;
	margin-left: -30px;
	margin-right: -30px;
}

	.benefits .blockquote {
		font-size: 150%;
		border-left: .25rem solid #0c6eb5;
	}

		.benefits .blockquote .blockquote-content {
			font-weight: 500;
		}

	.benefits .underline {
		font-size: large;
		padding-bottom: 5px;
		border-bottom: 4px solid #0c6eb5;
		font-weight: 500;
	}

		.benefits .underline:hover {
			text-decoration: none;
		}

.div-header {
	font-size: 400%;
}


@media (max-width: 991.98px) {
	.welcome {
		width: 80%;
		z-index: 20;
		top: 35%;
		left: 10%;
		margin-left: 0;
		margin-top: -40px;
	}
}

@media (max-width: 575.98px) {
	.welcome {
		font-size: 120%;
	}
}
