.box {
	/* color: #fff; */
	/* font-size: 3.8rem; */
	/* font-size: 3vw; */
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
}
.box > h1,
.box > p {
	display: none;
	text-align: center;
	line-height: 1.6;
}
.box > h1.slide-left,
.box > p.slide-left {
	display:inline-block;
	padding: 0 1em;
	-webkit-animation: slide-left 1s ease-in-out 0.2s;
	        animation: slide-left 1s ease-in-out 0.2s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes slide-left {
  0% {
    transform: translate(100px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
	opacity: 1;
  }
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translate(100px, 0px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
	opacity: 1;
  }
}

@media (max-width: 768px) {

	.box {
		font-size: 16px; /* for safari */
		font-size: 5vw;
	}

	.box > h1
	.box > p {
		padding: 0 16px; /* for safari */ 
		padding: 0 10vw;
	}

	.module--horizontal {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	
	.module--horizontal .box {
		width: 100%;
		height: 100vh;
	}
	
	.module--vertical {
		width: 33.333%;
		height: 100vh;
		float: left;
		clear: none;
		overflow: hidden;
	}
	
	.module--vertical .box {
		width: 100%;
		height: 100%;
	}
	
}
@media (min-width: 769px) {

	.box > h1,
	.box > p {
		font-size: 3.8rem;
		font-size: 3vw;
		padding: 0 32px; /* for safari */ 
		padding: 0 10vw;
	}

	.module--horizontal {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	
	.module--horizontal .box {
		width: 100%;
		height: 100vh;
	}
	
	.module--vertical {
		width: 33.333%;
		height: 100vh;
		float: left;
		clear: none;
		overflow: hidden;
	}
	
	.module--vertical .box {
		width: 100%;
		height: 100%;
	}
	
}

/* over write reset */

.glide__bullets > * { 
	min-height: 12px; /* for safari */
	min-height: auto;
	box-sizing: border-box; /* for safari */
}

/* ---------------- add scroll bottan */

@media (max-width: 768px) {

	.slidedowns {
		font-size: 10vw;
		position:absolute;
		bottom: 44px;
		left: 50%;
		z-index: 99;
	}
	
}

@media (min-width: 769px) {

	.slidedowns {
		font-size: 3vw;
		position:absolute;
		bottom: 50px;
		left: 50%;
		z-index: 99;
	}

}

.slidedowns a { color: rgba(255,255,255,.3); }