.d0greenbox {background-color: #4d6f2e; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-radius: 20px; display:block;}

@media only screen and (min-width: 800px) {
.d0h1fontsize {font-family: Crete Round; font-size: 55px; line-height: 61px;}
.d0h3fontsize {font-family: Crete Round; font-size: 24px; line-height: 26px;}
.d0greencoverleft {background: linear-gradient(90deg,rgba(132, 173, 102, 1) 0%, rgba(132, 173, 102, 1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);}
.d0greencoverright {background: linear-gradient(270deg,rgba(132, 173, 102, 1) 0%, rgba(132, 173, 102, 1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);}
.d0yellowsplit {background: linear-gradient(260deg,rgba(246, 164, 0, 1) 0%, rgba(246, 164, 0, 1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);}
}

@media only screen and (max-width: 799px) {
.d0h1fontsize {font-family: Crete Round; font-size: 30px; line-height: 32px;}
.d0h3fontsize {font-family: Crete Round; font-size: 24px; line-height: 26px;}
.d0greencoverleft {background: rgba(132, 173, 102, 0.7);}
.d0greencoverright {background: rgba(132, 173, 102, 0.7);}
.d0browncover {background: #4B2115;}
}

.d0topbannershift {margin-top: -1px;}

#r8_navbar .navbar hr {display: none;}

.btn-statement {color: #111; background-color: #FBF4E4; border: 2px solid #154419; box-shadow: 5px 5px 0px -2px rgba(0,0,0,0.2);}
.btn-compliment {border: 2px solid #006d77; box-shadow: 5px 5px 0px -2px rgba(0,0,0,0.2);}
.btn-yellow {background-color: #F6A400; border: 2px solid #222; box-shadow: 5px 5px 0px -2px rgba(0,0,0,0.2);}
.btn-brown {background-color: #4A2114; border: 2px solid #222; box-shadow: 5px 5px 0px -2px rgba(0,0,0,0.2);}

@media only screen and (min-width: 992px) {
#r8_navbar .navbar {min-height: 200px; height: auto; overflow: visible; position: relative;}
#r8_logo img { max-width: 100%; max-height: 115%; margin-top: 10px;}
#r8_navbar .menuContainer {margin-top: 40px;}
#r8_content .input-group {transform: translate(0px, -230px); z-index: 98;}
#grp .input-group {transform: translate(0px, -230px); z-index: 1;}
}

@media only screen and (min-width: 1850px) {.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 480px; display: flex; align-items: center; align-content: center; justify-content: center; flex-direction: column;}}
@media only screen and (max-width: 799px) {.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 580px;}}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}}
@media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}}
.d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}

#r8_content img {border-radius: 20px;}
.r8_gallery .hvrbox {border-radius: 20px;}
#group .card_container div {border-radius: 20px;}

.r8_gallery .gallery-gradBox .overlayText .textWrapper2.light {background-color: rgba(256, 256, 256, .7);}

.sf-menu li ul li a:hover {color: #fff;}

#group #infotab {transform: translate(0px, 45px);}

#item.item_container {transform: translate(0px, 30px);}

#POPUPModal_855 .modal-body {background-image: url(/shared/images/content/bus_58161/Collagen-Sticks-Popup.webp);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: center;
    min-height: 400px;
    border-radius: 0 0 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;}
#POPUPModal_855 .modal-header {min-height: 50px;}
#POPUPModal_855 .modal-title {display: none;}
#POPUPModal_855 .modal-footer {display: none;}
#POPUPModal_855 .modal-content {border-radius: 20px;}