h1 { margin:0; min-height: 60px; padding-top:8px; }
.date-banner { margin:0; min-height: 35px; padding-top:10px; }
html {width:100%;}
body { text-align:left; min-height: 50px; display: flex; flex-direction: column; margin: 0; width: 100%;}  
nav ul { position:relative; display:inline-block; width:1100px; }
nav ul {padding-left:0;}
nav ul li {display:block; float:right !important; margin-top: 8px; margin-right: 8px; margin-bottom: 8px; margin-left:10px;}
nav ul li, article * {text-align: left;}
.content {display: flex; justify-content: center; align-items: top; }
article { position:relative; display:inline-block; clear:both; padding-bottom:60px;}
.formIntro, input, textarea {width: 600px; }
.giftIntro, .gift-table {width: 800px; }
.gift-table li {float:left; width: 240px; height: 240px; margin:15px 15px 0px 0px; padding:5px; cursor: pointer;}
hr, h2, h3 {margin-top:30px;}
footer {width:100%; margin-top:auto;  height: 60px; }
ul {list-style-type: none; padding-left: 0px;}
ul li {padding-bottom: 8px;}
.map {text-align: center; }
.map img {width:100%;}
.image-caption { font-size:12px; font-style:italic; color: #222222;}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
}

.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

*, *:before, *:after {
    box-sizing: border-box;
}

body { font-family: Nunito sans-serif; }
h2 { color: #2874A6; }
h3 { color: #2E86C1; }
p {line-height: 200%; padding-bottom:10px}
body { background: white; font-family: 'Inter', Arial, Helvetica, sans-serif; }
nav { background-color: rgb(101, 20, 65); }
nav a {text-decoration: none; color: white; font-size:14.4px; font-weight:400; }
nav a:hover { color: #D2B4DE;}
.content {background: url(bunting2.png) repeat-x  transparent 0px 0px; padding-top: 70px; }
input, textarea, button {padding:6px; border-radius: 3px; font-size:16px; margin-top:8px; }
input, textarea {border:solid 1px #2874A6; }
button {width:130px;text-align: center;cursor: pointer; border:solid 1px #C0392B; background:#E91E63; color:white; font-weight: bold; position: relative; }
button:hover { border:solid 1px #111111; background-color : #222222; top : 1px; left : 1px; }
.map iframe {width:100%; height: 300px; border:none;}
article > h2, article > p, article > div {width:95%;}
b {color: #2874A6; font-weight: bold; }
a {color: #E91E63; font-weight: bold; }
.gift-table li {display: flex; color: white; background-color: #6C3483; font-size: 40px; align-items:center; justify-content:center; text-align: center;}
.gift-table li:hover {filter: brightness(0.6); }
hr {border-color:#dadada !important;}

@media (max-width:4000px) {
    .content .left-col, .content .right-col { width:15%; }
    body { background-position: right -80px  bottom 60px; background-size: auto 900px; }
    article { padding-bottom:300px;}
}
@media (max-width:2500px) {
    .content .left-col, .content .right-col { width:20%; }
    body { background-position: right -80px  bottom 60px; background-size: auto 800px; }
    article { padding-bottom:250px;}
}
@media (max-width:2000px) {
    .content .left-col, .content .right-col { width:25%; }
    body { background-position: right -80px  bottom 60px; background-size: auto 800px; }
    article { padding-bottom:250px;}
}
@media (max-width:1500px) {
    .content .left-col, .content .right-col { width:30%; }
    body { background-position: right -80px  bottom 60px; background-size: auto 600px; }
    article { padding-bottom:200px;}
    
}
@media (max-width:1100px) {    
    .content .left-col, .content .right-col { width:35%; }
    nav ul { width:100%; }
    body { background-position: right -80px  bottom 60px; background-size: auto 500px; }
    article { padding-bottom:150px;}
}
@media (max-width:700px) {    
    nav, article {padding-left:15px; width:auto;}    
    nav ul {padding-left:0;}
    nav ul li {float:none; margin-left:0px; text-align: center; }    
    .content {display:block; }
    .content .left-col, .content .right-col { width:95%; }
    .content .left-col { padding-bottom: 15px; }
    body { background-position: right -80px  bottom 60px; background-size: auto 300px; }
    footer { margin-top: 100px; }
    footer p {margin:0;}
    .giftIntro, .gift-table, .formIntro, input, textarea {width: 90%;}    
    
}

@media (max-width:450px) {  
    .hide-mobile {display:none !important;}    
    .gift-table li {float:none; width: 100%; height: 180px; margin:15px 0px 0px 0px; padding:20px 5px 20px 5px; font-size: 28px; }
}