/* =Variables
------------------------------------- */
/* =Functions
------------------------------------- */
/* =Placeholder
------------------------------------- */
/* =Styles
------------------------------------- */
@media only screen and (max-width: 991px) {

body { background-color: rgba(0,0,0,1); text-align:center}
.mainImage { width:90%; margin: 50px 0; }
}



a {color:#fff; text-decoration:none;}
a:hover {color:#70C7DA;}

@media only screen and (min-width: 992px) {
	
	body:before { content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,1); }
	
	body {
	  background-size: cover;
	  overflow: hidden;
	}
	
	.mainImage { width:720px; height:900px; }
	
	.text {text-align:center; margin-top: 1040px;font-size:22px; line-height:1.5rem; }	
	
	.o-main {
	  align-items: center;
	  display: flex;
	  flex-direction: column;
	  height: 100vh;
	  justify-content: center;
	  width: 100vw;
	}

	.c-tilt {  
	  align-items: center;
	  display: flex;
	  flex-direction: column;
	  height: 100vh;
	  justify-content: center;
	  position: relative;
	  -webkit-transform: perspective(700px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
			  transform: perspective(700px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
	  width: 100vw;
	  will-change: transform;
	}
	
	.c-tilt img {
	  position: absolute;
	}


}