body				{ font-family: nanum gothic,helvetica,sans-serif,arial;
					  font-size: 12pt;
				      color: #FFFFFF;
				      line-height: 1.5;
				      text-align: justify;}

td					{ font-family: nanum gothic,helvetica,sans-serif,arial;
					  font-size: 12pt;
					  color: #FFFFFF; 
					  line-height: 1.5;
					  text-align: justify;}

a:link				{ text-decoration: none; color: #a02851;}
a:active			{ text-decoration: none; color: #a02851; background-color: #3d3d48;}
a:visited			{ text-decoration: none; color: #a02851;}
a:hover		    { color: #a02851; background-color: #a1dcda;}




/* Parallax */
.parallax-wrapper {
    width: 100vw;
    height:100vh;
    padding-top:20vh;
    box-sizing: border-box;
}
.regular-wrapper {
    width: 100vw;
    height:50vh;
    padding-top:10vh;
    background-image: url("../img/mt_layer1.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}
.content {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    background: #3d3d48;
}

.content2 {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    background: #a02851;
}

.parallax-wrapper::before {
    content:"";
    width: 100vw;
    height: 100vh;
    top:40;
    left:0;
    background-image: url("../img/mt_0.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
}





html {
    overflow: hidden;
}
body {
    height: 90vh;
    perspective: 1px;
    transform-style: preserve-3d;
    overflow-x:hidden;
    overflow-y:auto;
}
.parallax-wrapper {
    transform-style: preserve-3d;
}

.parallax-wrapper::before {
    transform:translateZ(-1px) scale(2);
}

.parallax-wrapper::before {
    z-index: -1;
}
.regular-wrapper {
    z-index: 2;
    position: relative;
}

 .videofit {
    width: 100%;
 }
 
 
 .rotated1 {
  transform: rotate(-5deg);
  font-size: 12pt;
  background-color: #f1f1f0;
}

.rotated2 {
  transform: rotate(2deg);
  font-size: 12pt;
  background-color: #f1f1f0;
}