/*@font-face {
  font-family: 'DancingScript';
  src: URL('../fonts/DancingScript-Regular.ttf') format('truetype');
}
*/
.part {
    width: 100%;
    float: left;
    height: 100%;
    position: absolute;
    background-size: 100%;
    transition: all .3s ease-in-out;
    background-position: fixed center;
    overflow:hidden;
	background-repeat: no-repeat;cursor: pointer;
}
.part-1{
    background-image: url('/assets/img/restaurant.jpg');
}
.part-2{
    background-image: url('/assets/img/catering.jpg');
    z-index: 20;
    left: 33.3%;
}
.part-3{
    background-image: url('/assets/img/night-club.jpg');
    z-index: 30;
    left: 66.6%;
}


body {
    margin: 0;
    padding: 0;
	font-family: sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
   /* font-family: 'DancingScript', sans-serif;*/
}

.three-parts-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.part.part-3.active.part-3-active {
    left: 20%;
}

.part.part-2.part-3-active {
    left: 10%;
}

.part.part-2.active.part-2-active {
    left: 10%;
}

.part.part-3.part-2-active {
    left: 90%;
}

.part.part-2.part-1-active {
    left: 80%;
}

.part.part-3.part-1-active {
    left: 90%;
}
.part::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:#000;
    opacity:0;
    transition: all .3s ease-in-out;
    z-index: 2;
}
.part:not(.active):before {
    opacity:.5;
}.part .inner {
    position: relative;
    top: 70%;
    transform: translateY(-50%);
    padding: 0 50px;
    z-index: 3;
}

a.button {
    padding: 10px 0;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    /* font-size: 2rem; */
    font-size: 1.6rem;
    transition: all .2s linear;
    text-decoration:none;
    width: 100%;
    display: block;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: -1px;
    position: relative;
    border-top: 1px solid #c1c1c1;
}

a.button:hover {
    background-color: #fff;
    color: #333;
}img.logo {
    width: 160px;
    height: auto;
    margin: 10px 0;
}

.logo-wrap, .link-wrap {
    width: 250px;
}

.link-wrap {
    position: relative;
}

.logo-wrap {
    background-color: #ffffff;
    padding: 15px 0;
    text-align: center;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 999999999;
    position: relative;
    overflow: hidden;
}.part.active .inner {
    z-index: 5;
}
.part-1.part-2-active .inner, .part-1.part-3-active .inner, .part-2.part-1-active .inner, .part-2.part-3-active .inner, .part-3.part-1-active .inner, .part-3.part-2-active .inner {
    z-index: 1;
}
.logo-wrap:before {
    content: ' ';
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    filter: blur(5px);
    background-position: -42px 51.4%;
    z-index: -5;
    background-size: 97vw auto;
}


.logo-wrap:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
    opacity: 0.8;
}
.part-1 .logo-wrap:before {background-image: url('/assets/img/restaurant.jpg');}
.part-2 .logo-wrap:before {background-image: url('/assets/img/catering.jpg');}
.part-3 .logo-wrap:before {background-image: url('/assets/img/night-club.jpg');}
/* Responsive below */
@media only screen and (max-width: 1024px) {
    .logo-wrap:before{background-position: -97px 26%;    background-size: 90vw auto;}
	.part-2 {
		left: initial!important;
		top: 33.3%;
	}

	.part {
		height: 33.3%;
		background-size: cover;
	}

	.part-3 {
		left: initial!important;
		top: 66.6%;
	}

	.part .inner {top: 50%;}

	.logo-wrap, .link-wrap {
		margin: 0 auto;
	}

	.part::before {
		opacity: 0!important;
	}
}