.modalcontainer{padding:25px}
.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4);padding-top:100px}
.modal-content{background-color:#fefefe;margin:0 auto 15%;border:1px solid #888;width:80%;animation:fadeIn .3s ease-in both;border-radius:20px}
.clearfix::after{content:"";clear:both;display:table}
@media only screen and (max-width: 480px) {
.modal-content{width:80%}
}
@media only screen and (min-width: 481px) {
.modal-content{width:60%}
}