/*  GLOBAL SETTINGS  */
	i.fa-alt {
		transform: scaleX(-1);
	}


/*  PAGE HEADER  */
	div.top-bar {
		width: 100%;
		height: 7px;
	}

	div.header {
		position: relative;
		padding: 3em 0;
		z-index: 1;

		text-align: center;
	}

		/* Header Background */
		div.header::before, div.header::after {
			content: "";
			position: absolute;
			top: 0px;
			right: 0px;
			bottom: 0px;
			left: 0px;
			z-index: -1;
		}

	div.header p {
		font-size: 1.3em;
		font-weight: 400;
	}
	
	div.header ul {
		margin-top: 2em;
		margin-bottom: 2em;
	}

	div.header li {
		margin-bottom: 1em;
	}

	div.header a.btn.btn-success {
		padding: 1.5rem 3rem;
	}

	div.header a.btn.btn-primary {
		padding: 1.2rem 2.3rem;
		margin-top: 2rem;
	}


/*  TRADEMARKS LOGOS  */
	div.trademark-logos {
		text-align: center;
		background-color: #18263B;
		padding: 0.4em 1em;
		overflow: hidden;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}

	div.trademark-logos img {
		max-width: 10vw;
		max-height: 3.7vh;
		width: auto;
		height: 100%;
		justify-self: center;
		filter: 
			/* Turn image black */
			brightness(0) saturate(100%)
			/* Change image color */
			invert(40%) sepia(10%) saturate(913%) hue-rotate(177deg) brightness(90%) contrast(83%)
		;
	}


/*  MAIN CONTENT  */
	div.main-content h2 {
		margin-top: 1.3em;
		margin-bottom: 0.7em;
		font-size: 3em;
		font-weight: 500;
		padding-left: 0.5em;
		border-left: solid #19355F 5px;
	}

	div.service-cards {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 2rem;
	}

	div.service-cards div.card img.card-img-top {
		max-height: 200px;
		min-height: 150px;
		width: 100%;
		height: 20vw;
		object-fit: cover;
		object-position: center;
	}

	div.service-cards div.card div.card-body {
		flex-grow: 0;
	}

	div.service-cards div.card div.card-list-wrapper {
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: center;
	}

	div.service-cards div.card div.card-footer {
		text-align: center;
	}


/*  FOOTER  */
	div.footer {
		text-align: center;
		padding-top: 1.5em;
		padding-bottom: 1.3rem;
		margin-top: 5em;
	}


/*  RESPONSIVE SETTINGS  */
	/* X-Large devices (large desktops, less than 1400px) */
	@media (max-width: 1399.98px) {
	}

	/* Large devices (desktops, less than 1200px) */
	@media (max-width: 1199.98px) {
	}

	/* Medium devices (tablets, less than 992px) */
	@media (max-width: 991.98px) {
		div.service-cards {
			grid-template-columns: 1fr 1fr;
		}

	}

	/* Small devices (landscape phones, less than 768px) */
	@media (max-width: 767.98px) {
	}

	/* X-Small devices (portrait phones, less than 576px) */
	@media (max-width: 575.98px) {
		div.header a.btn span.lbreak-sm::before {
			content: "\a";
			white-space: pre;
		}

		div.main-content h2 {
			font-size: 2em;
		}

		div.service-cards {
			grid-template-columns: 1fr;
		}
	}