#shadow {
    /*position: fixed;*/
    /*z-index: 3;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*display: none;*/
    /*background: rgba(0, 0, 0, .35);*/
}

#main-messagefield {
    /*position: fixed;*/
    /*z-index: 5;*/
    /*background-color: white;*/
    /*top: 10%;*/
    /*min-height: 1%;*/
    /*left: 30%;*/
    /*width: 40%;*/
    /*padding: 30px;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    /*display: none;*/
}

#main-messagefield .messagefield-close-btn {
    cursor: pointer;
    position: absolute;
    right: 10px;
    z-index: 5;
    top: 10px;
    padding: 10px;
}

#main-messagefield h4, #main-messagefield h3, #main-messagefield h2, #main-messagefield h1 {
    margin: 0;
}

#main-messagefield .messagefield-close-btn .fa.fa-times{
    color: #6b6b6b;
}

@media all and (max-width: 576px) {
    #main-messagefield {
        /*width: 100%;*/
        /*left: 0;*/
    }
}
@media all and (min-width: 768px) {
    #main-messagefield {
        /*width: 80%;*/
        /*left: 10%;*/
    }
}
@media all and (min-width: 992px) {
    #main-messagefield {
        /*width: 60%;*/
        /*left: 20%;*/
    }
}
@media all and (min-width: 992px) {
    #main-messagefield {
        /*width: 60%;*/
        /*left: 20%;*/
    }
}
@media all and (min-width: 1920px) {
    #main-messagefield {
        /*width: 20%;*/
        /*left: 40%;*/
    }
}