.container {
    max-width: 650px;
} 
 
 .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
 }
 .mr-0 {
    margin-right: 0;
 }
 .ml-16 {
    margin-left: 16px;
 }
 .my-16 {
    margin-top: 16px;
    margin-bottom: 16px;
 }
 .my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
 }
  .my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
 }
  .mb-10 {
    margin-bottom: 10px;
 }
 .mb-16 {
    margin-bottom: 16px;
 }
 .ml-10-flex {
    margin-left: auto;
    margin-right: auto;
 }
 .mt-10 {
    margin-top: 10px;
 }
  .mt-16 {
    margin-top: 16px;
 }
 .mt-0 {
    margin-top: 0px;
 }
 .m-0 {
    margin: 0;
 }
 .m-10 {
    margin: 10px;
 }
 .p-16 {
    padding: 16px;
 }
  .px-16 {
    padding-left: 16px;
    padding-right: 16px;
 }
 .p-10 {
    padding: 10px;
 }
 .p-8 {
    padding: 8px;
 }
 .db {
    display: block;
 }
 .serif {
    font-family: 'mrs-eaves-roman-small-caps', Times, serif;
 }
 .sans {
    font-family: 'mr-eaves-xl-sans', Arial, sans-serif;
 }
 .tac {
    text-align: center;
 }
 .tal-c {
    text-align: center;
 }
 .ttu {
    text-transform: uppercase;
 }
 .bold {
    font-weight: 600;
}
 .purple {
    color: #7c3699;
 }
 .bg-purple {
    background-color: #7c3699;
 }
.bg-light-purple {
    background-color: #a372b8;
 }
 .blue {
    color: #407BA0;
 }
 .bg-blue {
    background-color: #407BA0;
 }
 .bg-light-blue {
    background-color: #7aa5bf;
 }
 .red {
    color: #9b2822;
 }
 .bg-red {
    background-color: #9b2822;
 }
 .bg-light-red {
    background-color: #B35B56;
 }
 .green {
    color: #687c2f;
 }
  .bg-green {
    background-color: #687c2f;
 }
 .bg-light-green {
    background-color: #95a36d;
 }
 .black {
    color: #000;
 }
 .bg-black {
    background-color: #000;
 }
 .white {
    color: #fff;
 }
 #newsletter {
     max-width: 650px;
     min-width: 300px;
     border: 8px solid black;
}
 #logo {
     height: 55px;
     align-self: center;
}
 header, main {
     width: 100%;
     margin: auto;
}
 #newsletter h1 {
     font-size: 32px;
     font-weight: 600;
}
 #newsletter h2 {
     font-size: 28px;
     font-weight: 600;
}
 #newsletter h3 {
     font-size: 22px;
     font-weight: 600;
}
 #newsletter h4 {
     font-size: 18px;
     margin-top: 10px;
}
#newsletter h5 {
    font-size: 18px;
}
 #newsletter p {
     font-size: 18px;
     line-height: 24px;
}
 .subtitle {
     font-family: 'mrs-eaves-xl-serif', Times, serif;
     font-style: italic;
     font-size: 20px !important;
     line-height: 24px !important;
}
 .sm-sub {
     font-style: italic;
     font-size: 16px;
     color: #666;
}
.number {
    font-size: 70px !important;
    line-height: 70% !important;
    font-weight: 600;
    margin-bottom: 10px;
}
 .box {
     display: inline-block;
     border: 1px solid black;
     margin: 10px 10px 0px 10px;
     text-align: justify;
     text-align-last: left;
}
 .button {
     display: inline-block;
     font-size: 18px;
     border-radius: 3px;
     margin: 12px 10px 10px 10px;
     padding: 10px 14px 10px 14px;
     text-decoration: none !important;
}
.button a:hover, .button a:visited {
    color: #CC352D;
}
 .dl, .ev-info {
     font-size: 17px;
     font-weight: 600;
}
 .alert {
     font-size: 5.31rem;
}
.ft-ex-item img {
    max-width: 100%;
}
.ft-ex-item p {
    padding: 0px 6px 0px 6px;
}
 .dl-grid-item {
     display: grid;
     grid-template-columns: 10% 90%;
     align-items: center;
     justify-content: center;
}
 .grid-45-45 {
     grid-template-columns: 45% 45%;
     justify-content: space-around;
}
 .grid-40-40 {
     grid-template-columns: 40% 40%;
     justify-content: space-around;
}
 .grid-35-60 {
     grid-template-columns: 35% 60%;
     justify-content: space-around;
}
 .resource img {
     max-width: 50%;
}
.resource-2 img {
    max-width: 70%;
}
 .wrapper {
     width: 92%;
}
 .border-green {
     border: 1px solid #687c2f;
}
.border-red {
     border: 1px solid #9b2822;
     margin-left: 16px;
}
.last {
    margin-bottom: 1.5rem;
}
 .nw-item img {
     max-width: 80%;
}
 .nw-item p {
     padding: 15px 5px 15px 5px;
     margin: 0;
}
 #events .button a {
     border: 1px solid #9b2822;
     margin-left: 16px;
}
 #events img, #num img {
     max-width: 50%;
     margin: auto;
}
 .ev-item {
     text-align: center;
}
 .ev-info {
     margin-left: 0px;
     margin-bottom: 6px !important;
}
.ill {
    object-fit: contain;
}
 #featured img {
     max-width: 100%;
}
#featured h3 {
    text-align: center;
}
 footer {
     margin-top: 10px;
}
 footer img {
     width: 100%;
     margin: 0;
}
.pinecone {
    display: flex;
}
.pinecone hr {
    width: 95%;
    margin: auto;
}
.pinecone img {
    display: block;
    max-height: 40px;
    margin: auto;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
 @media(min-width:600px) {
     #header-wrapper {
         justify-content: space-between;
         align-items: stretch;
    }
    .flex {
        display: flex;
    }
     .grid {
         display: grid;
    }
    .ml-10-flex {
        margin-left: 10px;
    }
    .ft img {
        margin: auto;
    }
     .resource img {
         max-width: 80%;
    }
    .resource-2 img{
        max-width: 100%;
    }
     .ill {
         align-items: baseline; 
     }
     .dl-wrapper {
         grid-template-columns: 36% 36%;
         justify-content: space-evenly;
    }
     .dl-grid-item {
         grid-template-columns: 15% 85%;
    }
     .alert {
         font-size: 7rem;
    }
     .nw-item {
         gap: 15px;
    }
    h3 {
         margin-top: 0;
}
    .tal-c {
        text-align: left;
    }
     .nw-item img {
         max-width: 250px;
    }
    #events img, #num img {
         max-width: 250px;
         margin: auto;
         margin-right: 10px;
    }
     .ev-item {
         justify-content: flex-end;
         gap: 10px;
    }
     .alert {
         font-size: 5.31rem;
    }
    #featured img {
         margin: auto;
         margin-right: 10px;
         padding: 0;
         max-width: 95%;
    }
    #featured h3 {
        text-align: left;
    }
}