.wrap-header {
    width: 100%;
    height: 300px;
    /*background-color: blue;*/
    /*cursor: pointer;*/
    transition: 0.5s ease;
    position: relative;
    top:0px;
    left:0%;
    /*overflow: hidden;*/
}
.wrap {
    width: 200%;
    /*height: 100px;*/
    /*background-color: blue;*/
    /*cursor: pointer;*/
    transition: 0.5s ease;
    position: relative;
    top:0;
    left:0%;
    overflow: hidden;
}
.box-header {
    /*left:-100%;*/
    width: 100%;
    /*height:150%;*/
    text-align: center;

}
.box {
    /*left:-100%;*/
    /*margin-right: 50px;*/
    width: 100%;
    /*max-width: 105%;*/
    height: 100%;
    text-align: center;

}
.icon-header {
    cursor: pointer;
    font-size: 100px;
    text-align: center;
}
.icon {
    cursor: pointer;
    font-size: 75px;
    text-align: center;
}
.move-left {
    left:-100%;
    /*width: 200px;*/

}
.move-top {
    top:-350px;
    /*width: 200px;*/

}
.btn-down {
    /*position: absolute;*/
    position: relative;
    top:-50px;
    /*right:0%;*/
    /*width: 200px;*/
    transition: 0.5s ease;
    transform: rotate(0deg);
}
.rotate{
    top:375px;
    transform: rotate(180deg);
}
.btn-back {
    position: absolute;
    /*position: relative;*/
    bottom:0;
    right:52%;
    /*width: 200px;*/
    transition: 0.5s ease;
    transform: rotate(0deg);
}
.btn-back-rotate {
    /*position: relative;*/
    bottom:0%;
    right:0%;
    transform: rotate(-180deg);
}
body{
    /*background-color: black;*/
    background-color: #e9ecef;
}