Artifact Gallery - Mississippi Armed Forces Museum

/* ----------------------------------------- */ /* View slug: artifact-with-search-and-filter - start */ /* ----------------------------------------- */ .searchbox{ display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items:center; margin-bottom: -26px; } input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea { background-color: #fff; border: 0px solid #bbb; padding: 2px; color: black; letter-spacing: 2px; font-family: proxima-nova; } .wpv-submit-trigger{background-color:transparent;border:none;color:transparent!important} .resetbutton{background-color:transparent;border:1px solid black;font-family:proxima-nova;letter-spacing:2px;margin-bottom:20px;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px} .form-check-label { font-family:proxima-nova; } @media screen and (max-width: 480px) { .mobilefilter{font-size:16px;margin-bottom:10px} .form-check-label { font-size: 16px!Important; font-family:proxima-nova; } } #holder { float: left; max-width: 30%; margin-left: .5vw; margin-right: .5vw; margin-bottom: 1vw; } #imgsize img { max-width: 100%; width: 350px; height: 350px; object-fit: cover; } @media screen and (max-width: 980px) { #holder { float: left; max-width: 30%; margin-left: .5vw; margin-right: .5vw; margin-bottom: 1vw; } #imgsize img { max-width: 100%; width: 400px; height: 200px; object-fit: cover; } } @media screen and (max-width: 767px) { #holder { float: left; max-width: 100%; margin-left: .5vw; margin-right: .5vw; margin-bottom: 1vw; } #imgsize img { max-width: 100%; width: 400px; height: 400px; object-fit: cover; } } .resultsbox { /*margin-left: 17vw; margin-top: -32vw; margin-bottom:32vw;*/ } /*here*/ .col-md-8 { flex: 0 0 80%; max-width: 80%; } .col-md-4 { max-width: 20%; } @media screen and (max-width: 480px) { #imgsize img { max-width: 100%; width: auto; height: auto; object-fit: cover; } .col-md-8 { flex: 0 0 100%; max-width: 100%; } .col-md-4 { max-width: 100%; } #holder { float: left; max-width: 50%; margin-left: .5vw; margin-right: .5vw; margin-bottom: 1vw; } } /* ----------------------------------------- */ /* View slug: artifact-with-search-and-filter - end */ /* ----------------------------------------- */

FEATURED EXHIBITS

SUPPORT

ABOUT

LEARN

VISIT

LOCATION

HOURS

BACK TO TOP

LOCATION

HOURS

ABOUT

LEARN

VISIT

SUPPORT

DONATE

SUBSCRIBE FOR UPDATES

Success!