mikael-custom.css

/* h Styles */
h1, h2, h3, h4, h5, h6 {
	font-family: futura-pt-bold, sans-serif, Helvetica Neue, Helvetica, Arial !important;
	font-weight: 700;
	margin: 0;
	color: #fff; /* Hunter Added this because it seemed like the right thing to do at the time */
}

/****************
***** FONT ******
 ***************/
body {
	font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 300;
	line-height: 1.5;
	color: #83ACD8 !important;
}


.vlt-widget__title {
	color: #fff;
}

/* Header */
body > header.vlt-header > .vlt-navbar > .vlt-navbar-inner > .vlt-navbar-inner--left > a.vlt-navbar-logo > h2 {
	color: #fff;
}

/* Change the background color */
body.home > main.vlt-main > .vlt-fullpage-slider > .vlt-section,
body > main.vlt-main {
	background: linear-gradient(0deg, rgba(27,42,65,1) 0%, rgba(18,28,43,1) 100%);
}

/* Remove the square in the corner for chat and whatever else it was */
body > main.vlt-main > .vlt-fullpage-slider > .vlt-fixed-action-block,
body .vlt-fixed-action-block {
	display: none;
}

/* Make the Lottie fill parent container */
body.home > main.vlt-main > .vlt-fullpage-slider > /*div[data-anchor="lottie"]*/.vlt-section > .vlt-section__vertical-align > .vlt-section__content > .wpbdmv-animation {
	position: absolute;
}

/* Make the Lottie go off the side of screen so it will fill the screen's height properly */
body.home > main.vlt-main > .vlt-fullpage-slider > /*div[data-anchor="lottie"]*/.vlt-section > .vlt-section__vertical-align > .vlt-section__content > .wpbdmv-animation > svg {
	width: auto !important;
}

/* Bootstrap XL Desktops */
@media (min-width: 1200px) {
	/* 
	body.home > main.vlt-main > .vlt-fullpage-slider > .vlt-section > .vlt-section__vertical-align > .vlt-section__content > .wpbdmv-animation > svg {
		height: auto !important;
		width: ;
	}
	 */
}