html, body {
    padding: 0px;
    margin: 0px;
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    background-color: #ff4800;
    scroll-behavior: smooth;
}

#container {
    min-height: 100vh;
    position: relative;
    padding: 0 0 0px 0;
    box-sizing: border-box;

}

/* Attempt at rebuilding our dumb footer

.footer-container {
    width: 100%;
    background-color: #373737;
    color: white;
    font-family: 'Arial';
    padding: 0px;
    height: 100px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer {
    flex-grow: 2;
    font-family: 'Permanent Marker', cursive;
}

.footer ul {
    list-style-type: none;
    text-align: right;
    list-style: none;
}

.footer li {
    padding-right: 40px;
    display: inline;
}

.footer a {
    color: white;
    text-decoration: none;
    transition: color 200ms;
}

.footer a:hover {
    color: #ff4800;
}

.copyright {
    width: 25%;
    padding-left: 50px;
    font-family: 'Special Elite', 'Arial';
    text-transform: lowercase;
}

Attempt at rebuilding our dumb footer */

.footer-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #373737;
    box-sizing: border-box;
    padding: 25px;
    justify-content: space-around;
}

.copyright {
    width: 30%;
    font-family: 'futura-pt', 'Arial';
    text-transform: lowercase;
    color: white;
    font-size: 16px;
}

.footer {
    width: 60%;
    font-family: 'futura-pt-bold';
    font-size: 16px;
    text-align: center;
}

.footer ul {
    list-style-type: none;
    display: block;
}

.footer li {
    padding-right: 20px;
    display: inline-block;
    word-break: keep-all;
}

.footer a {
    color: white;
    text-decoration: none;
    transition: color 200ms;
}

.footer a:hover {
    color: #ff4800;
}

.privacy-ada-bucket {
    width: 100%;
    position: relative;
    background-color: #1f1f1f;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    font-family: "futura-pt-bold";
    font-size: 10px;
    color: white;
    justify-content: center;
    flex-wrap: wrap;
}

.privacy-ada-bucket input[type=submit] {
    width: 100%;
    background-color: #1f1f1f;
    text-decoration: none;
    color: white;
    font-family: "futura-pt-bold";
    text-align: center;
    transition: color .3s;
    box-sizing: border-box;
    padding: 10px;
    font-size: 10px;
    border: none;
    text-decoration: none;
}

.privacy-ada-bucket input[type=submit]:hover {
    color: #ff4800;
    cursor: pointer;
}

.privacy-ada-button {
    width: 20%;
    background-color: #1f1f1f;
    text-decoration: none;
    color: white;
    text-align: center;
    transition: color .3s;
    box-sizing: border-box;
    padding: 10px;
    font-size: 10px;
}

.privacy-ada-button a {
    text-decoration: none;
    color: white;
}

.privacy-ada-button a:hover {
    color: #ff4800;
}

.privacy-ada-bucket ul {
    width: 75%;
    display: block;
    list-style-type: none;
    position: relative;
}

.privacy-ada-bucket li {
    width: 33%;
    display: inline-block;
    text-align: center;
}

/* end of re-factor attempt */

.topnav-container {
    width: 100%;
    background-color: #373737;
    color: white;
    font-family: 'futura-pt-bold', cursive;
    padding: 10px;
    font-size: 20px;
    line-height: 20px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1000;
    position: sticky;
    top: 0;
}

#homelink {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;

}

#logo {
    height: 85px;
    padding-left: 25px;
    box-sizing: border-box;
    display: block;
    transition: transform 300ms;
}

#logo:hover {
    transform: scalex(1.1) scaley(1.1);
}

.topnav {
    flex-grow: 2;
}

.topnav ul {
    list-style-type: none;
    text-align: right;
    list-style: none;
}

.topnav li {
    padding-right: 35px;
    display: inline;
}

.topnav ul li a {
    color: white;
    text-decoration: none;
    transition: color 200ms !important;
}

.topnav ul li a:hover {
    color: #ff4800;
}

#mobile-topnav {
    display: none;
}

#mobile-topnav-links {
    display: none;
}

#mobile-topnav-logo {
    display: none;
}

/* Rules for homepage feature buckets */

.feature-bucket {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    min-height: 70vh;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.feature-bucket .ind-feature-text a {
    padding: 15px;
    box-sizing: border-box;
    background-color: #00a8ff;
    font-family: 'futura-pt-bold', 'Arial';
    width: 60%;
    display: block;
    margin: 55px auto;
    text-align: center;
    
    font-size: 20px;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    transition: transform 200ms, background-color 100ms;
    transform: rotate(-2deg);


}

.feature-bucket .ind-feature-text a:hover {
    transform: scale(1.1);
}

.feature-bucket a:active {
}

.feature-bucket a:visited {
}

.ind-feature-text {
    width: 50%;
    margin: 25px;
    padding: 25px;
    box-sizing: border-box;
}

.ind-feature-text h1 {
    font-family: 'futura-pt-bold', cursive;
    font-size: 50px;
    color: white;
    text-align: center;
    background-color: #373737;
    padding: 15px;

}

.ind-feature-text p {
    font-family: 'futura-pt', 'Arial';
    font-size: 20px;
    color: white;
    text-align: center;
    
    background-color: #373737;
    padding: 15px;
    line-height: 30px;
}

.ind-feature-photo {
    width: 50%;
    padding: 35px;
    box-sizing: border-box;
}

.ind-feature-photo img {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
    box-sizing: border-box;
}

/* Single Menu Refactor Attempt Styles */

.menu-container-outer-refactor {
    display: flex;
    flex-direction: row-reverse;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
    background-color: #a8926a;

}

.menu-shim-right {
    width: 5%;
    position: relative;
}

.menu-shim-first-container {
    box-sizing: border-box;
    padding: 25px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.menu-shim-firstsection {
    order: -4;
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    font-family: "futura-pt-bold";
    font-size: 45px;
    color: #373737;
    text-align: center;
}

#expand-callout {
    display: none;
}

.menu-container-refactor {
    padding: 15px 15px 55px 15px;
    box-sizing: border-box;
    width: 85%;
}

.menu-refactor-shim {
    width: 15%;

}

#menu-download-link {
    order: -3;
    width: 100%;
    font-family: 'futura-pt', 'Arial';
    color: white;
    text-align: center;
    box-sizing: border-box;

}

#menu-download-link a {
    color: white;
    text-decoration: none;
    transition: transform 200ms, color 200ms;
    display: inline-block;
    font-size: 20px;
}

#menu-download-link a:hover {
    color: black;
}

#menu-nav-container-refactor ul {
    list-style-type: none;
    text-align: center;
}

#menu-nav-container-refactor ul li {
    list-style-type: none;
    padding-top: 15px;
    text-align: center;
    display: block;
}

#menu-nav-container-refactor {
    box-sizing: border-box;
    font-family: 'futura-pt', 'Arial';
    font-size: 20px;
    text-align: center;
    width: 15vw;
    position: fixed;
    box-sizing: border-box;
    top: 90px;
    left: 0;
}

#menu-nav-link-container-refactor {
    position: sticky;
    top: 90px;
    padding: 15px 0 15px 55px;
    max-height: 100vh;
    box-sizing: border-box;
}

#menu-nav-link-container-refactor ul {
    padding-inline-start: 0px;
}

#menu-nav-link-container-refactor a {
    text-decoration: none;
    color: white;
    transition: color 200ms, transform 400ms;
    display: block;
}

#menu-nav-link-container-refactor a:hover {
    color: black;
    transform: scalex(1.2) scaley(1.2);
}

/* Single menu page styles start here! */

#menu-container-outer {
    display: flex;
    flex-direction: row-reverse;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: #a8926a;
}

#menu-shim {
    width: 5%;
    position: relative;
}




#menu-container {
    padding: 15px 55px 55px 55px;
    box-sizing: border-box;
    width: 70%;
}

#location-info-gutter {
    width: 100%;
    height: 200px;
    display: block;
}

#menu-name {
    font-family: 'Permanent Marker', Arial;
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: white;
    display: block;
    text-align: left;
    margin: 0;
    box-sizing: border-box;
    padding: 30px;
}


#menu-nav-container ul {
    list-style-type: none;
    text-align: center;
}

#menu-nav-container ul li {
    list-style-type: none;
    padding-top: 15px;
    text-align: center;
    display: block;
}

#menu-nav-container {
    box-sizing: border-box;
    font-family: 'Special Elite', 'Arial';
    font-size: 20px;
    text-align: center;
    width: 25%;
    position: relative;
    box-sizing: border-box;
}

#menu-nav-link-container {
    position: sticky;
    top: 90px;
    padding: 55px 0 15px 55px;
    max-height: 100vh;
    box-sizing: border-box;
}

#menu-nav-link-container ul {
    padding-inline-start: 0px;
}

#menu-nav-link-container a {
    text-decoration: none;
    color: white;
    transition: color 200ms, transform 400ms;
    display: block;
}

#menu-nav-link-container a:hover {
    color: black;
    transform: scalex(1.2) scaley(1.2);
}



.section-container {
    box-sizing: border-box;
    padding: 25px;
    color: white;
    width: 100%;
    display: flex;
    flex-flow: wrap;
    position: relative;
    justify-content: space-between;

}

.section-background {

}

.section-header {

    font-family: 'futura-pt-bold';
    box-sizing: border-box;
    color: white;
    padding: 5px;
    text-align: center;
    width: 100%;
    margin: 0 0 20px 0 !important;
    order: -2;
    font-size: 80px;
    border: none;
}

.section-description {
    width: 100%;
    padding: 10px;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    text-align: center;
    order: -1 !important;
    font-family: 'futura-pt';
    font-size: 20px;
    color: white;
    position: relative;
}

.section-description p:empty {
    display: none;
}

.section-spacer {
    display: block;
    position: relative;
    width: 100%;
    height: 90px !important;
}

.single-menu-item {
    width: calc(50% - 20px);
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    font-family: 'futura-pt';
    font-size: 20px;
    margin: 10px;
}

.single-menu-item p {
    margin: 20px 0 0 0;
    padding: 0;
}

.single-menu-item-img-bound {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;

    position: relative;
}

.single-menu-item img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.single-menu-item .single-menu-item-img-bound .hop-flag {
    position: absolute;
    bottom: -10px;
    left: -20px;
    width: 110px;
}



.single-menu-item b {
    font-size: 30px;
    line-height: 30px;
    font-family: 'futura-pt-bold';
    box-sizing: border-box;
    margin-top: 20px;

}

.single-menu-item-feature {
    width: 100%;
}

/* location finder styles start here */

.finder-container {
    display: flex;
    flex-wrap: wrap;

    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.fave-loc-banner-container {
    width: 100%;
    background-size: cover;
    background-position: center center;
    color: white;
    order: -2;
    padding: 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 20px solid #373737;

}

.fave-loc-info-panel {
    width: 45%;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.fave-loc-info-panel h1 {
    font-family: "Permanent Marker", Arial;
    font-size: 70px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.fave-loc-info-panel p {
    font-size: 20px;
    color: white;
    font-family: "Special Elite", Arial;
    text-align: center;
    width: 100%;
}

.fave-loc-info-panel input[type=submit] {
    text-decoration: none;
    border: none;
    background-color: #373737;
    font-family: "Permanent Marker", Arial;
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    color: white;
    cursor: pointer;
    transition: transform 200ms, background-color 200ms;
    margin-top: 20px;
}

.fave-loc-info-panel input[type=submit]:hover {
    transform: scale(1.1);
    background-color: #ff4800;
}

.fave-loc-info-panel a.small {
    padding: 10px;
    box-sizing: border-box;
    background-color: #373737;
    font-family: 'Special Elite', 'Arial';
    width: 45%;
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: transform 200ms, background-color 200ms;
}

.fave-loc-info-panel a:hover.small {
    transform: scale(1.1);
    background-color: #ff4800;
}

.fave-loc-info-panel a.large {
    padding: 15px;
    box-sizing: border-box;
    background-color: #00a8ff;
    font-family: 'Permanent Marker', 'Arial';
    width: 100%;
    display: block;
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: transform 200ms;
}

.fave-loc-info-panel a:hover.large {
    transform: scale(1.1);
}



.state-container {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 50px 50px 50px 50px;
    flex-wrap: wrap;
    /*background-color: #AFAFAF;*/
    align-items: center;
    color: white;
}

.state-container h1 {
    font-family: "futura-pt-bold", Arial;
    font-size: 70px;
    width: 60%;
    text-align: center;
    margin: 0px auto !important;
    box-sizing: border-box;
    padding: 10px;
    color: white;
}

.state-container p {
    font-family: 'futura-pt', Arial;
    font-size: 20px;
}

.listing-container {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}

.art-container {
    width: 50%;
}

.individual-store {
    width: 30%;
    box-sizing: border-box;
    padding: 50px;
}

.individual-store h3 {
    font-family: "futura-pt-bold", Arial;
    font-size: 30px;

}

.individual-store input[type=submit] {
    text-decoration: none;
    background-color: #a8926a;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    color: white;
    font-size: 12px;
    font-family: "Permanent Marker", Arial;
    border: none;
    cursor: pointer;
    transition: transform 200ms, background-color 200ms;
    margin-top: 20px;
}

.individual-store input[type=submit]:hover {
    background-color: #00afe8;
    transform: scale(1.1);
}

.ind-store-link {
    text-decoration: none;
    background-color: #999999;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    color: white;
    font-size: 12px;
    font-family: "futura-pt", Arial;
    border: none;
    cursor: pointer;
    transition: transform 200ms, background-color 200ms;
    display: block;
    margin-top: 5px;
}

.ind-store-link:hover {
    background-color: #00afe8;
    transform: scale(1.1);
}


/* start of Rewards styles */

#rewards-feature-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 80px 100px 55px 100px;
    min-height: 70vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;

}

.rewards-panel {
    width: 50%;
    position: relative;
    box-sizing: border-box;
    padding: 25px;

}

.rewards-panel h1 {
    font-family: "futura-pt-bold";
    font-size: 85px;
    color: white;
    text-align: center;
    /*background-color: #ff6600;*/
    box-sizing: border-box;
    padding: 0px;
    line-height: 85px;
    transform: rotate(3deg);
    /*border-bottom: 5px solid white;*/

}

.rewards-panel #rewards-logo {
    width: 50%;
    max-width: 400px;
    display: block;
    margin: 0px auto;
}

.rewards-panel #rewards-feature-image {
    width: 90%;
    display: block;
    margin: 0px auto;
    transform: rotate(-2.1deg);
}

.rewards-button {
    padding: 15px;
    box-sizing: border-box;
    font-family: 'futura-pt-bold', 'Arial';
    width: 60%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-transform: lowercase;
    font-size: 18px;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    transition: transform 200ms, background-color 100ms;
}

.rewards-button:hover {
    transform: scale(1.1);
    background-color: #373737;
}

.rewards-child-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 0px auto;
}

.rewards-bene-panel-wrapper {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    background-color: blue;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}


.rewards-bene-panel-wrapper h1 {
    font-family: "futura-pt";
    color: white;
    text-align: center;
    font-size: 35px;
    box-sizing: border-box;
    padding: 50px;
}

.rewards-copy-wrapper {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.rewards-copy-creative {
    width: 50%;
    box-sizing: border-box;
    padding-top: 55px;
    text-align: center;
}

.rewards-copy-creative img {
    width: 100%;
    display: block;
    margin: 0px auto;
}

.rewards-copy-wrapper:last-child {
    margin: 0px auto !important;
}

.rewards-signup-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 55px 100px 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #1cbe86;*/
    text-align: center;
    flex-wrap: wrap;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px auto;
}

.rewards-signup-left {
    width: 100%;
    font-family: "futura-pt-bold";
    color: white;
}

.rewards-signup-left p {
    font-family: "futura-pt";
    font-size: 20px;
}

.rewards-signup-left h1 {
    font-size: 65px;
    line-height: 65px;
}

.rewards-signup-right {
    width: 100%;
    font-family: "futura-pt";
    font-size: 20px;
    color: white;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: center;
}

.rewards-signup-creative {
    width: 30%;
    position: relative;
}

.rewards-signup-creative img {
    width: 100%;
}

.rewards-state-container {
    width: 30%;
}

.rewards-state-container a {
    text-decoration: none;
    color: white;
    transition: transform 200ms !important;
    display: block;
}

.rewards-state-container a:hover {
    transform: scale(1.3) !important;
}

.generic-content-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*height: calc(100vh - 180px);*/
    height: 100vh;
    box-sizing: border-box;
    padding: 100px;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.generic-content-text {
    width: 50%;
    color: white;
    text-align: center;
}

.generic-content-text h1 {
    font-family: "Permanent Marker";
    font-size: 65px;
    line-height: 65px;
    transform: rotate(-3.1deg);

}

.generic-content-text p {
    font-family: "Special Elite";
    font-size: 20px;
}

.generic-content-image {
    width: 50%;
    box-sizing: border-box;
    padding: 55px;
}

.generic-content-image img {
    width: 100%;
}

.careers-text {
    width: 80%;
    box-sizing: border-box;
    text-align: center;
}

.careers-text h1 {
    font-family: "futura-pt-bold";
    font-size:  65px;
    color: white;
}

.careers-text p {
    font-family: "futura-pt";
    color: white;
    font-size: 20px;
}

.careers-content-wrapper {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*min-height: calc(100vh - 180px);*/
    height: 100vh;
    box-sizing: border-box;
    padding: 55px;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    flex-direction: column;
    color: white;
    margin: 0px auto;
}

.careers-bg {
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.careers-loc-list {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    font-family: "futura-pt";
    padding: 55px;
    justify-content: space-between;
    text-align: center;
}

.careers-loc-list h1 {
    font-size: 30px;
}

.careers-loc-list p {
    font-size: 20px;
}

.careers-loc-column {
    width: 30%;
}

a.career-link {
    text-decoration: none;
    color: white;
    transition: color 200ms, transform 200ms;
    display: block;
}

a.career-link:hover {
    color: black;
    transform: scale(1.1);
}

.about-content-wrapper {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*min-height: calc(100vh - 180px);*/
    height: 100vh;
    box-sizing: border-box;
    padding: 55px;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    color: white;
    margin: 0px auto;
}

.about-content-wrapper .careers-text h1 {
    padding: 0px;
    margin: 0px;
}

.about-content-wrapper .careers-text {
    width: 70%;
    padding: 25px;
    box-sizing: border-box;


}

img.about-image {
    width: 100%;
}

.about-image-container {
    width: 50%;
    box-sizing: border-box;
    padding: 25px;
}

.blog-wrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 55px;
    background-color: #BABABA;
    background-image: url('images/blog-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    min-height: calc(100vh - 200px);

}

.blog-wrapper-left {
    width: 30%;
    padding: 75px 10px;
    box-sizing: border-box;

}

.blog-wrapper-left img {
    width: 100%;
}

.blog-wrapper-right {
    width: 70%;
    padding: 55px;
    box-sizing: border-box;

}

.blog-wrapper-right h1 a {
    text-decoration: none;
    color: #303030;
}

.blog-wrapper-right p {
    color: #303030;
    font-size: 20px;
    font-family: "futura-pt";
    line-height: 24px;
}

.blog-header {
    font-family: "futura-pt-bold";
    color: #303030 !important;
    font-size: 40px;
    display: block;

}

.nav-previous, .nav-next {
    color: white;
    font-family: "futura-pt-bold";
    width: 20%;
}

.nav-previous a, .nav-next a {
    color: white;
    text-decoration: none;
    font-size: 30px;
    font-family: "futura-pt-bold";
}

.blog-nav {
    width: 100%;
    padding: 25px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
}

.post-date {
    font-size: 12px !important;
}

.blog-button {
    padding: 15px;
    box-sizing: border-box;
    font-family: 'futura-pt', 'Arial';
    width: 60%;
    background-color: #0B9AC1;
    max-width: 500px;
    display: block;
    margin: 25px auto;
    text-align: center;
    text-transform: lowercase;
    font-size: 18px;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    transition: transform 200ms, background-color 100ms;
}

.blog-button:hover {
    transform: scale(1.1);
    background-color: #373737;
}

.back-ram-news {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 25px;
    display: flex;
    align-items: center;
}

.back-ram-news a {
    text-decoration: none;
    color: white;
    font-family: "futura-pt-bold";
    display: block;
    width: 100%;
    font-size: 30px;
}

.four-container {
    width: 100%;
    min-height: calc(100vh - 170px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: purple;
    justify-content: center;
}

.four-container h1 {
    font-size: 65px;
    color: white;
    font-family: "futura-pt-bold";
    text-align: center;
    margin: 0px;
}

.four-container p {
    font-size: 25px;
    color: white;
    font-family: "futura-pt";
    text-align: center;
}

.four-container a {
    display: block;
    background-color: #F27100;
    padding: 15px;
    font-family: "futura-pt";
    text-decoration: none;
    border-radius: 15px;
    color: white;
    transition: transform 200ms, background-color 200ms, color 200ms;
    margin-top: 25px;
}

.four-container a:hover {
    background-color: white;
    color: black;
    transform: scale(1.1);
}

#mobile-nutrition {
    display: none;
}

.alert-box {
    width: 100%;
    background-color: #ff4800;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    color: white;
    font-family: "futura-pt";
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 55px;
    margin-top: 20px;
}

#sitemap-container {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    background-color: white;
    justify-content: space-around;
}

#sitemap-container h1 {
    font-family: "futura-pt-bold";
    font-size: 60px;
    color: #373737;
    width: 100%;
}

#sitemap-container h2 {
    font-family: "futura-pt-bold";
    font-size: 30px;
    color: #373737;
    width: 100%;
}

#sitemap-container p {
    font-family: "futura-pt";
    font-size: 16px;
}

#sitemap-container p a {
    color: #373737;
}

.sitemap-bucket {
    width: 30%;
    text-align: center;
}

#privacy-container {
  box-sizing: border-box;
  padding: 55px;
  font-size: 16px;
  color: white;
  font-family: "futura-pt";
  background-color: black;
}

#privacy-container a {
  color: orange;
}

/* gift card styles reworked */

#giftcard-bin {
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  width: 100%;
}

#giftcard-container {
  width: 90%;
  margin: 0px auto;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  background-size: cover;
}

#giftcard-container h1 {
  font-family: "futura-pt-bold";
  font-size: 60px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 25px;
  color: white;
  text-align: center;
}

#giftcard-main {
  width: 100%;
  font-family: "futura-pt";
  color: white;
  font-size: 16px;
  text-align: center;
}

#giftcard-main a {
  display: block;
  background-color: black;
  color: white;
  font-family: "futura-pt";
  box-sizing: border-box;
  padding: 15px;

}

/* Hopper Chopper Styles Below */

.wp-block-contact-form-7-contact-form-selector .wpcf7 .screen-reader-response {
    display: none !important;
}

.wpcf7-response-output {
    color: white !important;
    width: 95%;
    line-height: 36px;
    display: block;
    margin: 0 auto;
    font-family: "Permanent Marker" !important;
    text-decoration-color: #ff4800;
    box-sizing: border-box;
    font-size: 36px !important;
    background-color: #00a8ff;
    padding: 20px;

}

.wpcf7-not-valid-tip {
    color: white;
    margin-left: 15px;
    text-decoration: underline;
    text-decoration-color: #ff4800;

}

#sweeps-form-container {
    text-align: center;
    box-sizing: border-box;
    padding: 60px 25px;
    display: block;
    margin: 0 !important;
    width: 100%;
    background-color: black;
}

#sweeps-form-container h1 {
    font-family: "Permanent Marker";
    color: white;
    font-size: 44px;
    text-align: center;
    width: 100%;
    margin-top: 0px;
}

#sweeps-form-container p {
    color: white;
    font-family: "Special Elite";
    font-size: 24px;
}

#sweeps-form-container div {
    color: white;
    font-family: "Special Elite";
    font-size: 24px;
}

#sweeps-form-container a {
    color: white;
}

#sweeps-form-container input[type=submit] {
    background-color: #ff4800;
    color: white;
    padding: 20px;
    font-family: "Special Elite";
    font-size: 24px;
    transition: all .2s ease-in-out;
    border: none;
    cursor: pointer;
    width: 50%;
}

#sweeps-form-container input[type=submit]:hover {
    background-color: white;
    color: black;

}

#sweeps-form-container input[type=text] {
    color: black;
    font-family: "Special Elite";
    padding: 10px;
    font-size: 24px;
    text-align: center;
}

#sweeps-form-container input[type=tel] {
    color: black;
    font-family: "Special Elite";
    padding: 10px;
    font-size: 24px;
    text-align: center;
}

#sweeps-form-container input[type=email] {
    color: black;
    font-family: "Special Elite";
    padding: 10px;
    font-size: 24px;
    text-align: center;
}

#sweeps-form-container input[type=checkbox] {
  width: 25px;

}

.sweeps-img {
  width: 100%;
  display: block;
}

.sweeps-bucket {
  background-color: black;
  width: 100%;
  box-sizing: border-box;
  padding: 80px 25px;
  text-align: center;
}

.sweeps-bucket h1 {
  font-family: "Permanent Marker";
  color: white;
  font-size: 46px;
  padding-top: 0px !important;
  margin-top: 0px;
  width: 100%;
}

.sweeps-bucket p {
  color: white;
  font-family: "Special Elite";
  font-size: 24px;
  width: 75%;
  margin: 10px auto;
  display: block;
}

.sweeps-bucket p.disclaimer {
  font-size: 16px;
  margin-top: 25px;
  font-family: "Permanent Marker";
}

#sweeps-master-container {
  background-color: #ff4800;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

.sweeps-rewards-bucket {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 80px 60px 60px 60px;
  background-color: green;
  justify-content: space-around;
}

.sweeps-rewards-bucket .join-header {
  font-family: "Permanent Marker";
  font-size: 46px;
  line-height: 75px;
  color: white;
  width: 75%;
  box-sizing: border-box;
  padding: 0;
  margin-top: 0px !important;
  margin-bottom: 0px;
  text-align: center;
  background-color: black;
  border-radius: 25px;
}

.sweeps-rewards-bucket-logo {
  width: 30%;
}

.sweeps-rewards-bucket-logo img {
  width: 100%;
  display: block;
}

.sweeps-rewards-text {
  width: 40%;
  box-sizing: border-box;
  padding: 25px;
  text-align: center;

}

.sweeps-rewards-text h1 {
  font-size: 46px;
  font-family: "Permanent Marker";
  color: white;

}

.sweeps-rewards-text p {
  font-size: 24px;
  color: white;
  font-family: "Special Elite";
}

.sweeps-button {
    padding: 15px;
    box-sizing: border-box;
    background-color: #ff4800;
    font-family: 'Special Elite', 'Arial';
    width: 60%;
    display: block;
    margin: 55px auto;
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    transition: transform 200ms, background-color 100ms;
    transform: rotate(-2deg);


}

.sweeps-button:hover {
    transform: scale(1.1);
}

.sweeps-rewards-photo-logo {
  width: 40%;
}

.sweeps-rewards-photo-logo img {
  width: 100%;
}

.sweeps-img-mobile {
    display: none;
}

.sweeps-bucket a {
  color: white;
}