.section-split h2{
		color: #000;
		font-weight: 400;
	}
	#logo{
			position: absolute;
			top: 2rem;
			left: 50%;
			margin-left: -59px;
			z-index: 1;
		}
		.copyright{
			position: absolute;
			bottom: 2rem;
			z-index: 1;
			text-align: center;
			width: 100%;
			font-size: 12px;
			color: #62616e;
		}
		.section-split{
			background-repeat: no-repeat;
	  		background-size: auto 100%;
	  		background-position: center center;
		}
		
		.section-split .label{
			position: relative;
			overflow: hidden;
			display: inline-block;
		}
		
		.section-split h2{
			position: relative;
			overflow: hidden;
			width: auto;
			display: inline-block;
			width: auto;
			padding-right: 55px;
		}
		
		.section-split h2 span{
			position: absolute;
			right: -17px;
			top: 0;
			width: 26px;
			opacity: 1;
			-webkit-transform: translateX(-33px);
			-moz-transform: translateX(-33px);
			transform: translateX(-33px);
			-webkit-transition: transform .2s .25s ease-out;
			-moz-transition: transform .2s .25s ease-out;
			transition: transform .2s .25s ease-out;
		}
		.section-split:hover h2 span{
			transform: translateX(-17px);
			-webkit-transition: transform .2s ease-out;
			-moz-transition: transform .2s ease-out;
			transition: transform .2s ease-out;
		}
		@media (min-width: 576px) {
			
			.section-split {
				--section-width: 50%;
				--hover-width: 65%;
				--less-width: calc(100% - var(--hover-width));
				--hover-speed: 1s;
				--bg-opacity: 0.8;

				position: absolute;
				left: 0;
				top: 0;
				width: var(--section-width);
				transition: width var(--hover-speed) ease;
			}

			.section-split.split-right {
				left: auto;
				right: 0;
			}
			.content-wrap:hover .section-split{
				width: var(--less-width);
			}

			.section-split:hover {
				width: var(--hover-width) !important;
			}
		}