/* screens smaller than 1024(iPad pro size) ---------------------------------------------------------- */
@keyframes fadeIn {
0% {
opacity: 0;
}

30% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes topVisualFadeIn {
0% {
opacity: 0;
}

30% {
opacity: 0;
}

100% {
top: 0;
opacity: 1;
}
}

@keyframes blue {
0% {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
filter: blur(0px);
}

25% {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
}

50% {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
}

75% {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
}

100% {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
}

@keyframes scroll {
0% {
top: 18px;
}

50% {
top: 23px;
}

100% {
top: 18px;
}
}

@keyframes rotate {
0% {
transform: rotateY(0deg);
}

90% {
transform: rotateY(0deg);
}

100% {
transform: rotateY(720deg);
}
}

@keyframes openBlur {
100% {
z-index: 4;
margin-left: -1%;
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
}

@media only screen and (max-width: 1024px) {
#content #sec1 .txt {
left: 0;
width: 100%;
height: auto;
padding: 0 20%;
margin: -35% 0 0 0;
text-align: center;
}
#content #sec1 .scrollWrap {
bottom: 7%;
}
#content #sec2 {
margin: 0 !important;
padding: 0 !important;
}
#content #sec2:before {
display: none;
}
#content #sec2 .entry {
height: auto;
margin-top: 0;
padding-top: 0;
}
#content #sec2 .entry > * {
float: none;
display: block;
width: 100%;
}
#content #sec2 .entry .pht {
position: static;
width: 100%;
}
#content #sec2 .entry .txt {
width: 100%;
height: auto;
margin-top: 0;
padding: 5%;
padding-bottom: 100px;
}
#content #sec2 .entry .txt .hd {
line-height: 1.3;
}
}