#opening.open{
    width: 70%;
    top: 45%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}
#opening.close{
}
#openingpage.open{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(45deg, #008A00 0%, #1a9505 50%, #008A00 50%, #1a9505 100%);
    opacity: 100%;
    z-index: 1011;
}
#openingpage.close{
    top: -200%;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #008A00;
    opacity: 0;
    z-index: 0;
}

@media screen and (min-width: 700px){
    #opening.open{
    width: 20%;
    top: 45%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}
#opening.close{
}
#openingpage.open{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(45deg, #008A00 0%, #1a9505 50%, #008A00 50%, #1a9505 100%);
    opacity: 100%;
    z-index: 1011;
}
#openingpage.close{
    top: -200%;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #008A00;
    opacity: 0;
    transition: 0.5s;
    z-index: 0;
}
}