.headline{
    width: 100%;
    background: linear-gradient(#EE7419,#F5A916,#EE7419);
    margin: 0 auto;
    margin-top: 6vw;
    margin-bottom: 4vw;
    text-align: center;
    font-size: 5vw;
    color: #FFFFFF;
    border-radius: 5px;
    letter-spacing:1vw;
}

.bodyImg{
    width: 100%;
    height: 800px;
    margin:0 auto;
}

.bodyImgs{
    width: 100%;
    height: auto;
    margin:0 auto;
    overflow: hidden;
}
.bodyImg img,.bodyImgs img{
    width: 100%;
    height: auto;
}
.mode1,.mode2{
    display:none;
}
.move2{
    animation:mymove2 1s;
}
.move3{
    animation:mymove3 1s;
}
@keyframes mymove2{
    0%{position: relative; left:-100%;}
    100%{position: relative;left:0%;}
}
@keyframes mymove3{
    0%{position: relative; right:-100%;}
    100%{position: relative;right:0%;}
}
.textBox{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: 5vw auto;
    text-align: center;
    color: white;
    font-size: 2vw;
    line-height:200%;
}

.textBox div{
    width: 30%;
    height: auto;
    background: linear-gradient(#EE7419,#F5A916,#EE7419);
    padding: 2vw 0;
    letter-spacing:5px;
}

.textBox h1{
    margin-bottom: 5px;
}

.logo{
    width: 30%;
    margin-top: 40px;
}
#pe img{
    width: 100%;
    height: auto;
}
@media only screen and (min-width:800px) {
    .bodyImg{
        display: block;
    }
    #pe{
        display: none;
    }
}
@media only screen and (min-width: 0px) and (max-width:800px) {
    .bodyImg,.bodyImgs{
        display: none;
    }
    #pe{
        display: block;
    }
}