.modal{opacity:0;display:none;position:fixed;z-index:999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);transition:all 150ms ease-in-out}.modal-content{text-align:left;opacity:0;background-color:#fefefe;margin:auto;margin-top:-20px;padding:20px;border:1px solid #888;width:80%;-webkit-box-shadow:5px 9px 15px 5px rgba(0,0,0,.26);box-shadow:5px 9px 15px 5px rgba(0,0,0,.26);transition:all 150ms ease-in-out}.modal.show{opacity:1}.modal.show>.modal-content.show{opacity:1;margin-top:0}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.modal-content{width:90%}}