@media screen and (max-width: 768px) {
#screen{
    background-color: #000;
    width: 640px;
    height: 360px;
    overflow: hidden;
    white-space : nowrap;
    cursor: default;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    
}
.comment{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-100px;
}
.comment{
    animation-name: lane1;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 6s;
    animation-fill-mode: forwards;
}
.comment2{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment2{
    animation-name: lane2;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 7s;
    animation-fill-mode: forwards;
}
.comment3{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment3{
    animation-name: lane3;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 8s;
    animation-fill-mode: forwards;
}
.comment4{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment4{
    animation-name: lane4;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 7s;
    animation-fill-mode: forwards;
}
.comment5{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment5{
    animation-name: lane5;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 9s;
    animation-fill-mode: forwards;
}
.comment6{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment6{
    animation-name: lane6;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 9s;
    animation-fill-mode: forwards;
}
.comment7{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment7{
    animation-name: lane7;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 6s;
    animation-fill-mode: forwards;
}
.comment8{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment8{
    animation-name: lane8;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 6s;
    animation-fill-mode: forwards;
}
.comment9{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment9{
    animation-name: lane9;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 7s;
    animation-fill-mode: forwards;
}
.comment10{
    position: absolute;
    font-size: 16px;
    line-height: 1;
    z-index: 0;
    color: #fff;
    text-shadow: -1px -1px #000, 1px -1px #000,	-1px 1px #000, 1px 1px #000;
    margin-top:-300px;
}
.comment10{
    animation-name: lane10;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    animation-duration: 6s;
    animation-fill-mode: forwards;
}
@keyframes lane1 {
from{ transform: translate(700px, 60px); }
to{ transform: translate(-768px, 60px); }
}
@keyframes lane2 {
from{ transform: translate(300px, 30px); }
to{ transform: translate(-768px, 30px); }
}
@keyframes lane3 {
from{ transform: translate(440px, 50px); }
to{ transform: translate(-768px, 50px); }
}
@keyframes lane4 {
from{ transform: translate(540px, 100px); }
to{ transform: translate(-1280px, 100px); }
}
@keyframes lane5 {
from{ transform: translate(240px, 200px); }
to{ transform: translate(-1280px, 200px); }
}
@keyframes lane6 {
from{ transform: translate(240px, 40px); }
to{ transform: translate(-1280px, 40px); }
}
@keyframes lane7 {
from{ transform: translate(240px, 10px); }
to{ transform: translate(-1280px, 10px); }
}
@keyframes lane8 {
from{ transform: translate(350px, 70px); }
to{ transform: translate(-1280px, 70px); }
}
@keyframes lane9 {
from{ transform: translate(600px, 80px); }
to{ transform: translate(-1280px, 80px); }
}
@keyframes lane10 {
from{ transform: translate(500px, 120px); }
to{ transform: translate(-1280px, 120px); }
}
}