.sp-logo {
    max-height: calc(30px*3);
	max-width: 100%;
}

footer{
	padding: calc(15px*1) calc(30px*5);
}

.sp-footer-title{
	margin: 0;
}

.sp-contacts{
	margin: 30px calc(30px*4) 0;
}

header .sp-menu{
	margin-top: -15px;
}

.sp-menu-item{
	font-size: 1.5rem;
	text-transform: none;
}

.sp-top-menu-item{
	font-size: 1.4rem;
}

h3.sp-intro{
	color: #fafafa;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}

.sp-main-content-intro{
	background-size: 100%;
	row-gap: 3rem;
}

.sp-main-content-box{
	width: 25%;
}

.sp-main-content-box-text{
	color: #77767b;
	font-size: 1.8rem;
}

.sp-main-content-box-title{
	font-size: 1.6rem;
}

.sp-footer-menu-icon{
}




.sp-main-content-block:first-child {
	margin-top: 0;
}

.sp-main-content-block:last-child {
	margin-bottom: 0;
}

.sp-main-content-block {
	margin: 30px 0;
	height: 500px;
	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
	opacity: 1;
}

.sp-main-content-hcontents {
	padding: calc(30px*3) calc( 30px*5 ) ;
}

.sp-main-content-block {
	width: 100%;
}

.sp-main-content-block:nth-child(odd) .sp-main-content-block-img-container {
	order: 1;
}

.sp-main-content-block:nth-child(odd) .sp-main-content-block-desc {
	order: 2;
}

.sp-main-content-block:nth-child(even) .sp-main-content-block-img-container {
	order: 2;
}

.sp-main-content-block:nth-child(even) .sp-main-content-block-desc {
	order: 1;
}

.sp-main-content-block-img-container {
	width: 60%;	
}

.sp-main-content-block-img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	/*filter: grayscale(100%);*/
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
/*
.sp-main-content-block:hover .sp-main-content-block-img{
	filter: grayscale( 0%);
}
*/

.sp-main-content-block-desc {
	flex-basis: 0;
	flex-grow: 1;
	background: #df8105;
	color: #fafafa;
	flex-direction: column;
	justify-content: center;
	padding: calc(30px*2);
}

.sp-main-content-block-title {
	font-size: 2.5em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.sp-main-content-block-text {
	line-height: 2em;
}

.sp-main-content-box, .sp-contact-box{
	background-color: #f8f4ec;
}



@media only screen and (max-width: 600px) {
	header {
		padding: 30px;
	}
	.sp-logo {
		max-height: calc(30px*2);
	}
	.sp-menu-item {
		font-size: 1.3rem;
	}
	footer {
		padding: calc(15px) calc(15px);
	}
	.sp-footer-content {
		margin: 0;
	}
	.sp-footer-title {
		margin-top: 7px;
	}
	.sp-contacts {
		padding: 0;
		margin: 30px 0px 0;
	}
	.sp-map {
		margin: 0 30px 30px;
	}
	.sp-main-content-box-title {
		font-size: 1.2rem;
	}
	.sp-main-content-box{
		width: 100%;
	}
	.sp-main-content-hcontents {
		padding: 0;
	}
	.sp-main-content-block-img-container {
		width: 100%;
	}
	.sp-main-content-block-img {
		height: 100%;		
	}
	.sp-main-content-block{
		margin: 0;
		height: 100%;
	}
	.sp-main-content-block:nth-child(odd) .sp-main-content-block-img-container {
		order: 2;
	}

	.sp-main-content-block:nth-child(odd) .sp-main-content-block-desc {
		order: 1;
	}
	.sp-main-content-block-img {
	  height: 128px;
	}
	.sp-main-content-block-title {
		font-size: 1.8rem;
		margin-bottom: 5px;
	}
	.sp-main-content-block-desc{
		padding: 30px;
	}
	.sp-main-content-block-text {
	  line-height: 1.5rem;
	}
}

@media only screen and (max-width: 379px) {
	header {
		padding: 30px 10px;
	}
	header > *:first-child {
		margin-bottom: 15px;
	}
	.sp-main-content-box{
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.sp-contacts {
		padding: 0;
		margin: 30px 0px 0;
	}
	.sp-map {
		margin: 0 30px 30px;
	}
	footer {
		padding: calc(15px) calc(15px);
	}
	.sp-sitebar > * >* {
		padding: 5px;
	}
	.sp-main-content-box{
		width: 100%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px){
	
}

@media only screen and (max-width: 300px) {
	
}