html, body {
	overflow-x: hidden;
}

body,#sidebar {
	background: #052848;
}

.wrapper.style1 {
	background-color: #2cb1f3a8;
}

.wrapper.style2 {
	height: 100vh;
	background-color: transparent;
	background-image: url(../../images/bg2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: grid;
	place-items: center;
}

.wrapper.style3 {
	background-color: #052848;
}

.wrapper.style3 .icon.major:before {
	color: #052848;
}

.wrapper.style1-alt {
	background-color: #052848;
}

#sidebar nav a:before {
	background: #2cb1f3a8;
	opacity: .2;
}

#sidebar nav a:after {
	background-image: -moz-linear-gradient(to right, #2cb1f3a8, #b74e91);
	background-image: -webkit-linear-gradient(to right, #2cb1f3a8, #b74e91);
	background-image: -ms-linear-gradient(to right, #2cb1f3a8, #b74e91);
	background-image: linear-gradient(to right, #2cb1f3a8, #b74e91);
}

.sml{font-size: 16px!important; letter-spacing: .05em;}

h2 span{font-size: 16px; font-weight: normal; margin-left: 1em;}

.spotlights > section {
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

@media screen and (max-width: 767px) {

	.sml{ font-size: 14px!important; }

	h1 { margin-top: -50px; }

	h1 img {
		width: 80%;
		height: auto;
	}

	.spbr {
		display: block!important;
	}

	.wrapper.style1 {
		height: 100vh;
		text-align: center;
	}

	.wrapper.style2 {
		background-image: none;
	}

	.wrapper.style2::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0px;
		z-index: -1;
		width: 100%;
		height: 100vh;
		display: block;
		background-image: url(../../images/bg2_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.service_img {
		margin: auto;
		text-align: center;
		padding-top: 40px;
	}

	.service_img img {
		width: 50%;
		height: auto;
	}
	
}