:root {background-color: transparent;}
.button-outline-2 {border: 1px solid #3f5262; font-size: 16px !important; letter-spacing: 0.7px; max-width: 580px; margin-top: 24px; 
color: #fff !important; margin: 10px; font-weight: 700 !important; position: relative; text-transform: uppercase; text-decoration: none !important; color: #fff; background-color: #415765;
line-height: 1.5em; padding: 13px 20px 10px 20px; transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out;}
.button-outline-2:hover, .static-content-front-page-flex-item:hover .button-outline-2 {transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out; -ms-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out;
background-color: #7a5575; color: #FFFFFF;}
.top-product {max-width: 250px;}
.mobile {display: none;}
.mobhide {display: flex;}

a {text-decoration: none !important;}
.body--haspages._iframe .editor {padding-bottom: 50px !important;}
.static-content-front-page-flex-container {display: flex; flex-wrap: wrap; max-width: 1088px; margin: auto; left: 0; right: 0; justify-content: center; place-content: center;}
.static-content-front-page-flex-item {margin: 10px; background-color: transparent; color: #FFFFFF; text-align: center; flex-grow: 0; max-width: 300px;}
.static-content-front-page-flex-container-outer:hover, a.two-items:hover {transform: scale(1.05); transition: all 0.3s ease;}
.static-content-front-page-flex-container.top-product .static-content-front-page-flex-item {margin: 0px;}
.static-content-front-page-flex-item img {width: 100% !important;}
.static-content-front-page-flex-item h4 {font-family: 'Nunito', "Helvetica Neue", Helvetica, Roboto, sans-serif; font-size: 24px; color: #3f5262; line-height: 24px; font-weight: 300 !important; margin: 20px 0 0 0;}
.static-content-front-page-flex-item p {font-family: 'Nunito', "Helvetica Neue", Helvetica, Roboto, sans-serif; color: #3f5262; font-size: 18px; line-height: 24px; margin-top: 0px; margin-bottom: 12px; text-decoration: none;}
.static-content-front-page-flex-item.two-items {width: calc(50% - 20px); max-width: 250px;}
.static-content-front-page-flex-container-outer, a.two-items {transition: all 0.3s ease;}

/* @media (max-width: 769px) {
    .static-content-front-page-flex-item.three-items {width: calc(50% - 20px); max-width: 250px;}
} */

@media (max-width: 480px) {
    .extra-padding {padding-top: 30px;}
    .static-content-front-page-flex-item.two-items {width: 100%; margin: 0 auto;}
    .mobile {display: block;}
    .mobhide {display: none;}
}