@media only screen and (min-width: 600px) {
    #academics .container-one.image-container { /* width: 47%; */ }
    #academics .container-two .image-container img { width: 41%; }
    #awards h1 .cursive.left { display: inline; margin-left: unset; }
    #awards h1 .cursive.middle { display: inline-block; }
    #celebrations h1 span.cursive { line-height: 0; margin: 0 0 0 0.7em; }
    #community h1 .cursive { margin: -0.28em 0 0 2em; }
    #donors #modal-AB-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-CE-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-FG-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-HK-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-LM-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-NQ-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-RS-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-TV-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-WZ-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #numbers #enrollment { border-width: 2px 1px 2px 0; }
    #numbers #finaid { border-width: 2px 0 2px 1px; }
    #presidents-message .logo-container img {width: 15%;}
    #presidents-message .text-container { padding: 1em 0 0 0; }
    #presidents-message h1 .cursive { margin: 0 0 0.1em 1.5em; line-height: 0.7em; }
    #student-affairs h1 .cursive .right { display: initial; margin: initial; }
    #student-affairs h1 .cursive { display: block; margin: -0.28em 0 0 0.9em; }
    #presidents-message h1 { margin: 0 0 0 0; }
    div.div-effect div.caption-container h3 { bottom: 3rem; font-weight: 300; position: absolute; right: 2rem; font-size: 1rem; }
    #presidents-message .logo-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4rem; margin-top: -1rem; width: 100%; }
}

@media only screen and (min-width: 768px) {
    #awards h1 .cursive.left { display: inline-block; margin-left: -6rem; }
    #awards h1 .cursive.right { display: inline; }
    #celebrations h1 span.cursive { margin: 0 0 0 1.1em; }
    #community .container .image-container { }
    #community .container .image-container { }
    #community .container-wrapper .container { }
    #community .heading-wrapper { margin: 0 auto 0 0; }
    #donors #modal-AB-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-CE-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-FG-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-HK-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-LM-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-NQ-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-RS-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-TV-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors #modal-WZ-body { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #donors .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -1rem 0 0 0; row-gap: 1rem; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; }
    #donors .heading-container { margin: auto auto 0 0; }
    #donors .image-container { margin: -4rem 0 0 0; }
    #donors .image-container img { height: 150%; max-width: unset; }
    #donors .text-container { -webkit-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; }
    #donors h1 { text-align: left; margin: 0 0 0 1rem; }
    #numbers .stats { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
    #presidents-message .image-container { width: 400px; }
    #presidents-message h1 .cursive { margin: 0 0 0.1em 1.5em; line-height: 0.6; }
    #student-affairs .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    #student-affairs .image-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
    #student-affairs h1 .cursive .left { display: inline; margin: -0.25em 0 0 0.4em; }
    #student-affairs h1 .cursive .right { display: inline; }
    footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }
    footer .social-links .icon { margin-right: 1rem; background-color: #e1251b; }
    footer .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 50%; }
    footer .uhv-logo { width: 50%; }
    footer .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7vh 5vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
}

@media only screen and (min-width: 992px) {
    #awards { background-image: url('../images/50th-tan-01.png'); background-position: 55.6% 1.3rem; background-size: 61vh; background-repeat: no-repeat; height: auto; }
    #awards p img { display: none; }
    #community .container .image-container { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; }
    #community .container .text-container { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; }
    #community .container-wrapper .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #community h1 .cursive { }
    #community h1 { max-width: 634px; }
    #grants .container .image-container { display: inline-block; width: 34%; }
    #grants .container .text-container { display: inline-block; width: 66%; }
    #grants .container-wrapper .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    #grants h1 { text-align: left; }
    #numbers .stat-container .small { font-size: 1.3rem; }
    #numbers .stats { width: 60%; }
    #numbers .stats-container { width: 100%; }
    #numbers .text-container { width: 40%; padding-right: 1rem; }
    #numbers .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 11vh 6vw; /* gap: 1rem; */ -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #presidents-message .image-container { width: 30%; margin-right: 2%; }
    #presidents-message .image-container img { /* width: 100%; */ }
    #presidents-message .text-container { width: 67%; padding: 0; }
    #presidents-message .text-container p { margin: 0; }
    #presidents-message .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
    .cursive { text-shadow: 0px 1px 0px #EBE6E2, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 24px 20px rgba(0,0,0,0.1); }
    h1 span.first-word { display: contents; font-weight: 900; text-transform: uppercase; line-height: 1; display: block; }
}

@media only screen and (min-width: 1200px) {
    #academics .container-two { width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    #awards { background-position: 54.6% 2.3rem; background-size: 63vh; }
    #community .container .image-container { }
    #community .wrapper { padding: 6vh 6vw; }
    #community h1 .cursive { }
    #community h1 { max-width: 768px; }
    #numbers .stats { width: 50%; /* flex: 1; */ }
    #numbers .text-container { width: 50%; }
    #presidents-message .image-container { width: 25%; }
    #presidents-message .image-container img { }
    #presidents-message .text-container p { /* margin: 0 auto; */ }
}

@media only screen and (min-width: 1400px) {
    #academics .container-one.image-container { /* width: 47%; */ }
    #academics .container-two .image-container img { }
    #awards { background-position: 54.6% 1.3rem; background-size: 68vh; }
    #community .container .image-container { }
    #community h1 .cursive { }
    #community h1 { max-width: 1077px; }
    #donors #modal-AB-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-CE-body { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    #donors #modal-FG-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-HK-body { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }
    #donors #modal-LM-body { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    #donors #modal-NQ-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-RS-body { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }
    #donors #modal-TV-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-WZ-body { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
    #donors .donorgrid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
    #grants .container-wrapper .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    #presidents-message .image-container img { }
    #presidents-message .text-container p { /* margin: 0 9rem 0 0; */ }
}

@media only screen and (min-width: 2500px) {
    #awards { background-position: 52% 1.3rem; background-size: 80vh; }
    #celebrations .heading-wrapper { height: 15rem; }
    #celebrations .wrapper { padding: 10vh 6vw; }
    #community .container .image-container { /* flex: 0 0 25%; */ /* max-width: 20%; */ }
    #community .container-wrapper .container { }
    #community .heading-wrapper { margin: 0 auto 9rem 0; }
    #community .wrapper { padding: 10vh 11vw; }
    #community h1 .cursive { }
    #community h1 { max-width: 100%; margin: 0 auto; text-align: left; }
    #donors #modal-AB-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-CE-body { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    #donors #modal-FG-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-HK-body { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    #donors #modal-LM-body { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    #donors #modal-NQ-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-RS-body { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    #donors #modal-TV-body { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
    #donors #modal-WZ-body { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
    #presidents-message .image-container { width: 25%; margin-right: 2%; }
    #presidents-message .image-container img { width: 800px; }
    #presidents-message .text-container { width: 67%; }
    #presidents-message .text-container p { margin: 0 9rem 0 0; }
    #presidents-message .wrapper { }
    #presidents-message h1 .cursive { margin: 0.05em 0 0.1em 1.5em; line-height: 0.5; }
    p, li { font-size: 2rem; }
}

@media only screen and (min-width: 3000px) {
    #presidents-message .wrapper { }
    #presidents-message .text-container p { margin: 0 9rem 0 0; }
    #presidents-message .text-container { width: 67%; }
    #presidents-message .image-container img { }
    #presidents-message .image-container { width: 25%; margin-right: 2%; }
    #community h1 { max-width: 100%; margin: 0 auto; text-align: left; }
    #community h1 .cursive { margin: -3.7rem 0 0 0; text-align: left; margin-left: 600px; }
    #community .wrapper { padding: 6vh 11vw; }
    #community .container-wrapper .container { margin-top: -9rem; }
    #community .container .image-container { /* flex: 0 0 25%; */ /* max-width: 20%; */ }
    #awards { background-position: 52% 1.3rem; background-size: 55vh; }
}

@media (max-width: 800px) {
    #gallery .container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-y: auto; }
    #gallery .gallery-container { display: none; }
    #gallery .gallery-container > div { width: 48%; }
}

@media (max-width: 350px) {
    #gallery .gallery-container > div { width: 98%; }
}
