/* #announcement { background: #FDBA17; padding: 18px !important; }
#announcement p { line-height: 1.2em; margin-bottom: 6px; } */

/* Modal Window */
.close-modal { display: none; }
.modal-window { display: none; height: 100%; left: 0; position: fixed; top: -100%; transition: 0; width: 100%; z-index: 5000; }
.modal-window.showing { top: 0; transition: top 1s; }
.modal-window > button { background-color: rgba(0,0,0,.75); border: 0; cursor: pointer; display: block; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; }
.modal-window > div { background-color: #2E6B8D; border: 1px solid #333; bottom: 50px; box-shadow: 4px 13px 28px 0 #111; padding: 68px 3% 38px; position: absolute; text-align: center; }
.modal-window > div .close-modal { background: transparent; border: 0; font-size: 3em; line-height: .6em; position: absolute; right: 10px; top: 16px; color: #fff;}
.modal-window > div .close-modal span { left: -9999px; position: absolute; }
.modal-window > div p { font-size: 1.3em; line-height: 1.3em; color: #fff; }
.modal-window > div h2 { color: #fff; }

.modal-window :focus { border-radius: 2px; outline: 2px groove #ddd; }

@media screen and (max-width: 900px) {
    .modal-window > div { bottom: 20% !important; left: 10% !important; top: 20% !important; width: 80% !important;  }
    .modal-window > div p { padding: 0 16px; }
}


@media screen and (max-width: 500px) {
    .modal-window > div p { font-size: 1.2em; line-height: 1.3em; padding: 0 16px; }
}