.main-wrapper{display:flex;grid-gap:10px}.modal{background-color:#000;background-color:rgba(0,0,0,.7);bottom:0;display:none;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:9999}.modal-window{background-color:#fff;margin:5% auto;padding:20px;position:relative;width:60%}.close{align-items:center;border-radius:100%;display:flex;height:40px;justify-content:center;position:absolute;right:-22px;top:-18px;width:40px}.close:focus,.close:hover{color:#000;cursor:pointer}.open{display:block}.modal-button{font-size:13px}.close,.modal-button{border:none;cursor:pointer;text-align:center}.close{font-size:10px}.modal-content h3{margin-bottom:20px;text-align:center;text-transform:uppercase}@media (max-width:768px){.modal-window{width:95%}}