/* MODAL */
.modal-layer{overflow:auto;display:none;background:rgba(0,0,0,.75);z-index:4;position: fixed;z-index:3;top: 0;left: 0;width: 100%;height: 100%;padding-top: 100px;padding-bottom: 200px;}
.modal-layer hr{margin: 4.4rem 0;border: 0;border-top: 1px solid #ddd;}

.modal{position: relative;animation: translatetop .8s;border-radius:3.2rem;width:calc(100% - 3.2rem);max-width:850px;margin: auto;background:#faf9f3;padding:2.4rem}
.modal-header{text-align:right;}
.icon-btn-close-modal{font-size: 3.2rem;margin-left: 1.6rem;cursor:pointer}

.modal-hgroup{place-content:center;text-align:center;margin-bottom:3.2rem}
.modal-hgroup h3{gap:1.6rem;flex-direction:column}
.modal-hgroup h3{line-height: 1.5;}
.modal-title{text-align:center}
.modal-subtitle{place-content:center}

.modal-intro-text{text-align:center;font-style: italic;color: var(--primary-color);font-size: 1.6rem;line-height: 1.3;font-weight:400;}
.modal-intro-text strong{font-weight:900} 

@media (min-width: 768px) {
    .modal-hgroup h3{gap:.8rem;flex-direction:row}
}