body {
    margin: 0;
    padding: 0;
    min-width: 500px;
    contain: content;
}
/* -----((( HEADER )))----- */
.header-container-for-background {
    background-color: black;
}
.header-homePage {

    background-color: black;
    height: 147px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
    border: solid 1px black;
}
.site-logo-div {
    max-width: 650px;
    max-height: 50px;
    margin: 20px 20px 30px 20px; 
}
.site-logo-img {
    height: 100%;
    Width: 100%;
    max-width: 650px;
    max-height: 50px;
    margin: 0;
    padding: 0;
}
/* -----((( HEADER NAV )))----- */
.header-nav {
    background-color: black;
    margin: 0px auto;
    padding: 0%;
}
.header-nav-list {
    display: flex;
    justify-content: space-around;
    list-style: none; 
    margin: 0px auto;
    padding: 0%;
}
.header-nav-list .li-first {
    padding-left: 10px;
}
.header-nav-list .li-first {
    padding-right: 20px;
}
ul li {
    background-color: black;
    color: gray;
    font-weight: 550px;
    text-align: center;
}
ul li a {
    text-decoration: none;
    color: gray;
    font-weight: 550px;
    margin: 0;
}
.header-homePage h1 {
    margin: 0px auto;
    padding: 0%;
    font-size: 100px;
    color: white;
}
.header-homePage .go {
    color: red;
    text-transform: uppercase;
}
.header-homePage .giftsSmiles {
    font-size: 0.15em;
    margin-left: .5em;
    color: gray;
}
.header-homePage .slogan {
    margin: 0;
    padding: 0%;
    color: rgb(250, 58, 224);
    font-size: 1.5em;
    letter-spacing: 0.4em;
    font-weight: 400
}
.header-homePage .anchor-logo-as-text {
    text-decoration: none;
    color: black;
    width: max-content;
}
/* -----((( MAIN )))----- */
main {
    max-width: 1400px;
    margin: 0 auto;
}
.announcement {
    display: block;
    background-color: rgb(228, 0, 0);
    margin: 0;
    padding: 0.7em;
    max-height: 48px;
    font-size: 0.9em;
    font-weight: 600;
    text-align: center;
    color: rgb(238, 238, 238);
}
/* -----((( HERO IMAGES - scroll )))----- */
.home-page-scrolling-images-div {
    display: block;
    max-height: 600px;
    margin: 0px;
    padding: 0px;
    transition: all;
    transition-duration: 2ms;
}
.home-page-scrolling-images-all {
    max-height: 600px;
    max-width: 100%;
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
/* -----((( MARGIN L/R, w/o banner )))----- */
.margin-left-right-div {
    margin: 0 2%;
}
/* -----((( ROWS/COLUMNS )))----- */
.boxes-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 40px;
}
.boxes-row .box {
    margin: 0 auto;
    flex: 33%;
    text-align: center;
    min-width: 500;
}
.boxes-row img {
    margin: 0 auto;
    max-width: 500px;
    contain: content;
}
.box a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    margin: 0;
    color: black;
}
.box-H {
    padding: 0;
    text-align: center;
}
.box-P {
    margin: 0 auto;
    padding-left: 5px;
    text-align: left;
}
/* -----((( FOOTER )))----- */
.footer-container-for-background-color-wide {
    background-color: black;
}
footer {
    margin: 0;
    padding: 10px 0;
    color: #eeeeee;
    text-align: center;
    align-content: center;
    height: 200px;
    background-color: black;
    width: 100%;
  }
  footer ul {
text-align: left;
    max-width: 800px;
    list-style-type: none;
  }
  footer li {
    background-color: black;
  }
  footer a {
    text-decoration: none;
    color: rgb(161, 161, 161);
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    font-size: 1.3em;
  }
  footer a:hover {
    color: #f0f0f1;
    background-color: #a7a7a7;
    font-weight: 600;
  }