#overlay,
#overlay-2{
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(70, 70, 70, 0.5);
    z-index:99999;
}
#container,
#container-2{
    display:flex;
    flex-direction:column;
    height:260px;
    width:330px;
    position:fixed;
    top:calc(50% - 200px);
    right:calc(50% - 205px);
    color:rgb(64,64,64);
    background-color:rgb(100%,100%,100%);
    padding:60px;
    z-index:99999;
    justify-content:center;
    align-items:center;
}
#container-2{
    height:400px;
    width:400px;
    top:calc(50% - 200px);
    right:calc(50% - 200px);
}
#container input,
#container-2 input{
    width:70%;
    padding:16px;
    border:1px solid #eee;
    margin-bottom:4px;
}
#container-2 textarea{
    width:90%;
    height:180px;
    margin:20px;
    text-align:left;
    padding:5px;
}
#cross,
#cross-2{
    position:absolute;
    top:0;
    right:8px;
    font-size:30px;
    cursor:pointer;
}
#container>*,
#container-2>*{
    display:flex;
    text-align:center;
}
#c-header,
#c-header-2{
    color:rgb(12%,12%,12%);
    font-size:28px;
    margin-bottom:24px;
    font-weight:bold;
}
#c-submit,
#c-submit-2{
    padding:16px 42px;
    cursor:pointer;
    font-size:1.2em;
    margin-top:16px;
    width:264px;
    justify-content:center;
    margin-bottom:4px;
}
#overlay input{
    margin:16px 0 auto;
}
/*****/
#over-msg{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(70,70,70,.5);
    z-index:999;
}
#msg{
    position:absolute;
    width:400px;
    height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    left: calc(50% - 200px);
    top: calc(50% - 150px);
    background-color:rgb(100%,100%,100%);
    font-size:32px;
    text-align:center;
}
#msg.ok div{
    /*color:green;*/
}
#msg.error div{
    color:red;
}
#m-off{
    cursor:pointer;
    position:absolute;
    right:5px;
    top:0;
}
#container input,
#container-2 input{
    background-color:rgb(100%,100%,100%);
}
@media screen and (max-width:600px) {
    #container,
    #container-2,
    #msg{
        width:100%;
        top:50px;
        right:0;
        left:0;
        padding:32px 0;
    }
}