* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.hero {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.30) 64.30%,rgba(241,102,112,0.50) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.30) 64.30%,rgba(241,102,112,0.50) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.30) 64.30%,rgba(241,102,112,0.50) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.30) 64.30%,rgba(241,102,112,0.50) 100%);
    padding-left: 20px;
    padding-right: 20px;
    background-position: -20px 0%;
    z-index: 0;
    background-attachment: scroll;
}
.hero2 {
}
.hero3 {
    width: 100%;
	height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}

.parallax {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}
.parallax2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
}
.mainimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto;
    object-fit: cover;
    z-index: -1;
}

.parallax3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: -1;
    margin-top: 90px;
}
.parallax4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130%;
    object-fit: cover;
    z-index: -1;
    margin-top: 470px;
}

.overflow {
	height: 200vh;
}

.text-wrapper {
    height: auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 5px;
}
.text-wrapper2 {
    height: auto;
    text-align: center;
    margin-top: 380px;
}
.text-wrapper3 {
    height: auto;
    text-align: center;
    margin-top: 321px;
}

.headline {
    font-size: 120px;
    font-weight: 800;
    letter-spacing: -5px;
    float: none;
    clear: none;
    text-shadow: 0px 0px 30px rgba(45,44,44,0.39);
}
.section4 {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #7ACCC8;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
}

.icon {
    margin-top: 150px;
    opacity: 0.95;
}
.main-image-container {
    width: auto;
    position: absolute;
	alignment-baseline: bottom;
}
.h1-headings {
    color: rgba(255,255,255,1.00);
    padding-bottom: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 6vw;
    text-shadow: 3px 3px 8px rgba(11,11,11,0.22);
}
.h1-headings2 {
    color: rgba(255,255,255,1.00);
    padding-bottom: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 5vw;
    text-shadow: 3px 3px 8px rgba(11,11,11,0.22);
}
.h1-headings-thankyou {
    color: rgba(255,255,255,1.00);
    padding-bottom: 0px;
    text-align: center;
    font-weight: normal;
    font-size: 5vw;
    text-shadow: 3px 3px 8px rgba(11,11,11,0.22);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.container-fluid.3rd-section {
    height: 60vh;
    background-size: cover;
}

.-ritsi-btns {
    color: rgba(255,255,255,1.00);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 50px;
    padding-left: 50px;
    font-size: 30px;
    font-weight: 400;
    background-color: rgba(255,255,255,0.39);
}
.ritsi-btns-back-to-home {
    color: rgba(255,255,255,1.00);
    font-size: 30px;
    font-weight: 400;
    background-color: rgba(242,102,113,1.00);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
    padding-left: 40px;
}
.-ritsi-btns-center {
    background-color: rgba(22,42,46,1.00);
    color: rgba(255,255,255,1.00);
    text-align: center;
}
.-ritsi-btns:hover {
    background-color: rgba(2,176,181,0.75);
    color: rgba(255,255,255,1.00);
}
.-ritsi-btns-center:hover {
    background-color: rgba(242,102,113,1.00);
    color: rgba(255,255,255,1.00);
}
.button-box-products {
    text-align: center;
}
.rits {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center top;
    background-color: #151515;
    z-index: 3;
}
.rits1 {
    padding: 0;
    background-color: rgba(255,255,255,1.00);
}
.rits2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center center;
    background-color: #70584f;
    /* [disabled]background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.80) 100%), url(../images/shutterstock_648378520.jpg); */
    /* [disabled]background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.80) 100%), url(../images/shutterstock_648378520.jpg); */
    /* [disabled]background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.80) 100%), url(../images/shutterstock_648378520.jpg); */
    /* [disabled]background-image: linear-gradient(180deg,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.80) 100%), url(../images/shutterstock_648378520.jpg); */
    padding: 50px 10px 30px;
}
.rits3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center top;
    height: auto;
    background-attachment: fixed;
    background-color: rgba(255,255,255,1.00);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.rits4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/img2.jpg);
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
.rits5 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center top;
    background-image: -webkit-linear-gradient(270deg,rgba(16,16,16,0.76) 0%,rgba(14,14,14,0.75) 100%), url(../images/shutterstock_648378520.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(16,16,16,0.76) 0%,rgba(14,14,14,0.75) 100%), url(../images/shutterstock_648378520.jpg);
    background-image: -o-linear-gradient(270deg,rgba(16,16,16,0.76) 0%,rgba(14,14,14,0.75) 100%), url(../images/shutterstock_648378520.jpg);
    background-image: linear-gradient(180deg,rgba(16,16,16,0.76) 0%,rgba(14,14,14,0.75) 100%), url(../images/shutterstock_648378520.jpg);
}
.rits_place_your_order {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.80) 0%,rgba(255,255,255,0.80) 100%), url(../images/shutterstock_1367228714.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.80) 0%,rgba(255,255,255,0.80) 100%), url(../images/shutterstock_1367228714.jpg);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.80) 0%,rgba(255,255,255,0.80) 100%), url(../images/shutterstock_1367228714.jpg);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.80) 0%,rgba(255,255,255,0.80) 100%), url(../images/shutterstock_1367228714.jpg);
}
.page-content {
    width: 95vw;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-content-order {
    width: auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 400px;
}
.page-content-social {
    width: 50vw;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    height: auto;
}
.img-navs {
    padding-top: 0px;
    padding-bottom: 6px;
    text-align: center;
    margin-bottom: 0px;
}
.categories-text {
    padding-top: 5px;
    font-weight: 800;
}
.navs-rits2 {
    width: 100vw;
}
.rits2-header {
    font-weight: 800;
    font-size: xx-large;
    margin-bottom: 35px;
}
.rits3-header {
    font-weight: 800;
    font-size: xx-large;
    margin-bottom: 35px;
    color: rgba(255,255,255,1.00);
    text-align: center;
    margin-top: -60px;
}
.rits5-header {
    font-weight: 800;
    font-size: 50px;
    margin-bottom: 5px;
    text-align: center;
    color: rgba(255,255,255,1.00);
    font-style: normal;
}
.rits5-header-order {
    font-weight: 800;
    font-size: 20pt;
    margin-bottom: 15px;
    text-align: center;
    color: rgba(255,255,255,1.00);
    font-style: normal;
}
.row-categories {
}
.catagories-img-links {
}
.catagories-img-links:hover {
    padding-top: 0px;
    opacity: 0.8;
    transform: scale(105%);
    transition-duration: 0.25s;
}
.footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #70584f;
    text-align: center;
    color: rgba(255,255,255,1.00);
    padding-bottom: 30px;
    padding-top: 35px;
    padding-left: 25px;
    padding-right: 25px;
    border-top: thin solid #FAC2C3;
}
.footer-div  {
    height: 10vh;
}
.footer-heading {
    color: white;
    font-weight: 400;
    font-size: 15px;
}
.p-footer-text {
    font-size: 9pt;
    margin-top: -2px;
    text-align: center;
}
.youtube-social {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.social-text-1 {
    text-align: left;
    color: rgba(255,255,255,1.00);
    font-size: 12pt;
}
.social-text-footer {
    text-align: center;
    color: rgba(255,255,255,1.00);
    font-size: 12pt;
    padding-top: 20px;
    padding-bottom: 20px;
}
.social-text-header {
    color: rgba(2,176,181,1.00);
    font-size: 20pt;
    text-align: left;
}

.form-control {
    color: rgba(108,108,108,1.00);
    border: none;
}

.form-group {
    margin-right: 0px;
    padding-right: 0px;
    margin-top: -16px;
    margin-bottom: 16px;
}
.form-ritsi {
    width: 100vw;
    /* [disabled]background-color: rgba(254,254,254,0.52); */
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    min-width: 350px;
}
.form-control-ritsi {
    background-color: rgba(255,255,255,1.00);
    color: rgba(37,37,37,1.00);
    margin-top: -8px;
    margin-bottom: 0px;
    height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.form-control-discount {
    background-color: rgba(0,0,0,0.00);
    border: 2px solid #121212;
    color: #121212;
    height: 56px;
}
.contact-text-ritsi {
    color: rgba(255,255,255,1.00);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
}
.ritsi-btns-contact-form {
    color: rgba(22,22,22,1.00);
    font-size: 30px;
    font-weight: 800;
    /* [disabled]background-color: rgba(252,176,64,1.00); */
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 5px;
    margin-left: 5px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}
.ritsi-btns-contact-form:hover {
    color: rgba(89,70,42,1.00);
    font-size: 30px;
    font-weight: 800;
    /* [disabled]background-color: rgba(242,102,113,1.00); */
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ritsi-btns-order-form {
    color: rgba(255,255,255,1.00);
    font-size: 16pt;
    font-weight: bold;
    background-color: #09BCE1;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    padding-left: 85px;
    padding-right: 85px;
}
.ritsi-btns-order-form:hover {
    background-color: #0697B6;
    -webkit-box-shadow: 0px 0px 40px 4px #46C4F7;
    box-shadow: 0px 0px 40px 4px #46C4F7;
    color: #FFFFFF;
}
.button-div {
    text-align: center;
    padding-top: 0px;
    /* [disabled]background-color: rgba(7,32,36,1.00); */
}
.button-div-events {
    text-align: center;
    padding-top: 0px;
    background-color: rgba(7,32,36,1.00);
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    position: static;
    display: flex;
}
.button-div-say-hello {
    text-align: center;
    padding-top: 0px;
    background-color: rgba(18,186,228,1.00);
    margin-top: 20px;
    border-radius: 5px;
}
.button-div-say-hello:hover {
    text-align: center;
    padding-top: 0px;
    background-color: rgba(58,212,251,1.00);
    -webkit-box-shadow: 0px 0px 30px rgba(82,220,255,0.93);
    box-shadow: 0px 0px 30px rgba(82,220,255,0.93);
}

.backtohomepagetext {
}

.youtube-video {
    width: 100vw;
    margin-top: 0px;
    margin-bottom: 9%;
    height: auto;
}
.videoad-rits1 {
    width: auto;
    margin-top: 15px;
    margin-bottom: 35px;
}

.hero-heading {
    font-size: calc(1.75rem + 1vw);
}

.margin-top-10px{
    margin-top: 10px;
}

.margin-top-15px{
    margin-top: 15px;
}

.margin-top-20px{
    margin-top: 20px;
}

.margin-top-25px{
    margin-top: 25px;
}

.margin-top-30px{
    margin-top: 30px;
}

.margin-bottom-10px{
    margin-bottom: 10px;
}

.margin-bottom-15px{
    margin-bottom: 15px;
}

.margin-bottom-20px{
    margin-bottom: 20px;
}

.margin-bottom-25px{
    margin-bottom: 25px;
}

.margin-bottom-30px{
    margin-bottom: 30px;
}


.padding-0-0-0-0{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.padding-left-right-0px{
    padding-left: 0px;
    padding-right: 0px;
}

.padding-left-right-30px{
    padding-left: 30px;
    padding-right: 30px;
}

.padding-left-right-25px{
    padding-left: 25px;
    padding-right: 25px;
}

.padding-left-right-20px{
    padding-left: 20px;
    padding-right: 20px;
}

.padding-left-right-15px{
    padding-left: 15px;
    padding-right: 15px;
}

.padding-left-right-10px{
    padding-left: 10px;
    padding-right: 10px;
}

.padding-top-bottom-10px{
    padding-top: 10px;
    padding-bottom: 10px;    
}


.no-bg {
    background-color: rgba(0,0,0,0.00);
}
.no-border {
    border-color: rgba(0,0,0,0.00);
}



.gradient-btn {
    background-image: linear-gradient(30deg, #9D71C6, #4CC9D6,#9D71C6);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 25px;
    padding-left: 24px;
    font-size: large;
    border-radius: 4px;
    background-size: 200%;
    background-position: left;
    transition: 0.5s background-position scale ease-in-out;
    color: rgba(255,255,255,1.00);
}
.gradient-btn:hover {
    background-position: right;
    transform: scale(103%);
    transition-duration: 0.5s;
    color: rgba(255,255,255,1.00);
}


.center-everything{
    display: flex;
    align-items: center;
    justify-content: center;
}

.grow {
    transition: transform 0.5s;
}

.grow:hover {
    transform: scale(120%);
    transition-duration: all 0.5s;
}


.position-on-top{
    position: absolute;
    bottom: 3%;
    left: 4%;
}

.text-center{
    text-align: center;    
}

.text-left{
    text-align: left;    
}

.text-right{
    text-align: right;    
}

.img-cards{
    object-fit:fill;
}

.width-100{
    width: 100vw;
}
.width-adjustment{
    width: 100%;
}

.rits1 p{
    color: rgba(29,29,30,1.00);
    font-size: large;
}

.brand{
    text-align: left;
    margin-bottom: 0px;
}

.special-offer{
    font-weight: 900;
    font-size: 2.75rem;
    letter-spacing: -2px;
}

.special-offer-banner{
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../images/dark-denim-2.png), -webkit-linear-gradient(27deg,rgba(241,102,112,1.00) 0%,rgba(222,82,93,1.00) 100%);
    background-image: url(../images/dark-denim-2.png), -moz-linear-gradient(27deg,rgba(241,102,112,1.00) 0%,rgba(222,82,93,1.00) 100%);
    background-image: url(../images/dark-denim-2.png), -o-linear-gradient(27deg,rgba(241,102,112,1.00) 0%,rgba(222,82,93,1.00) 100%);
    background-image: url(../images/dark-denim-2.png), linear-gradient(63deg,rgba(241,102,112,1.00) 0%,rgba(222,82,93,1.00) 100%);
}

.special-offer-banner h1 h2 h3 h4 h5 h6{
    color: #121212;
}
.special-offer-banner p{
    color: #121212;    
}

.special-offer-row{
    
}

.special-offer-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.special-offer-btn-input {
    width: 100%;
    color: #00A7C1;
    background-color: #121212;
    border: 1.5px solid #121212;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20%;
    padding-right: 20%;
    border-radius: 4px;
}
.special-offer-btn-input:hover {
    color: #C9F7FF;
    background-color: #121212;
    border-radius: 4px;
    border: 1.5px solid #121212;
}

.checkbox-style {
    margin-top: 0px;
    padding-top: 0px;
}
.img-links {
    object-fit: contain;
    overflow: hidden;
    background-image: -webkit-linear-gradient(270deg,rgba(1,160,185,0.00) 42.96%,rgba(1,160,186,1.00) 89.95%), url(../images/dark-denim-3.png);
    background-image: -moz-linear-gradient(270deg,rgba(1,160,185,0.00) 42.96%,rgba(1,160,186,1.00) 89.95%), url(../images/dark-denim-3.png);
    background-image: -o-linear-gradient(270deg,rgba(1,160,185,0.00) 42.96%,rgba(1,160,186,1.00) 89.95%), url(../images/dark-denim-3.png);
    background-image: linear-gradient(180deg,rgba(1,160,185,0.00) 42.96%,rgba(1,160,186,1.00) 89.95%), url(../images/dark-denim-3.png);
}

.try-me-btn {
    color: #222222;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: rgba(18,186,228,1.00);
    margin-top: 20px;
    border-radius: 5px;
    text-align: center;    
}

.try-me-btn:hover {
    color: #222222;
    background-color: rgba(58,212,251,1.00);
    -webkit-box-shadow: 0px 0px 30px rgba(82,220,255,0.93);
    box-shadow: 0px 0px 30px rgba(82,220,255,0.93);
}

.try-me-content {
    background-color: rgba(0,196,225,1.00);
}

.close-try-me {
    position: absolute;
    right: 20px;
}

.pop-up-schedule {
    margin-left: 15px;
}

.get-directions-btn {
    font-size: 14px;
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #222222;
    border: none;
}
.info-col {
    padding-left: 20px;
    padding-right: 20px;
}

.prod-img {
    width: 100%;
    padding: 15px;  
}

.product-description {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.coquito-original {
    background-color:#EFFBFB;
    border-bottom: solid thin rgba(207,207,207,0.66);
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.coquito-vegan {
    background-color:#F0FDFA;
    border-bottom: solid thin rgba(207,207,207,0.66);
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.pumpkin-spice {
    background-color:#FFFCF2;
    border-bottom: solid thin rgba(207,207,207,0.66);
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.back-home {
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 2;
    top: 20px;
    left: 20px;
    background-color: rgba(255,255,255,0.90);
    border-radius: 50px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    -webkit-box-shadow: 0px 0px 50px rgba(0,196,225,1.00);
    box-shadow: 0px 0px 50px rgba(0,196,225,1.00);
}

.back-home:hover {
    -webkit-box-shadow: 0px 0px 50px rgba(225,159,0,1.00);
    box-shadow: 0px 0px 50px rgba(225,159,0,1.00);
}

.quote {
    font-family: "DM Serif Display Regular", "DM Serif Display Italic";
    font-style: italic;
    font-weight: 600;
    color: #323232;
    letter-spacing: -1px;
}

.img-links-gr {
    background-image: -webkit-linear-gradient(270deg,rgba(0,167,193,0.00) 50.04%,rgba(0,167,193,0.84) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,167,193,0.00) 50.04%,rgba(0,167,193,0.84) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,167,193,0.00) 50.04%,rgba(0,167,193,0.84) 100%);
    background-image: linear-gradient(180deg,rgba(0,167,193,0.00) 50.04%,rgba(0,167,193,0.84) 100%);
    z-index: 65;
    position: relative;
}
.link-overlay {
    position: absolute;
    background-image: -webkit-linear-gradient(270deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%), url(../images/dark-denim-3.png);
    background-image: -moz-linear-gradient(270deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%), url(../images/dark-denim-3.png);
    background-image: -o-linear-gradient(270deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%), url(../images/dark-denim-3.png);
    background-image: linear-gradient(180deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%), url(../images/dark-denim-3.png);
    bottom: 0px;
}
.link-overlay:hover {
    position: absolute;
    background-image: -webkit-linear-gradient(270deg,rgba(240,184,87,0.00) 69.12%,rgba(214,167,50,0.87) 91.75%);
    background-image: -moz-linear-gradient(270deg,rgba(240,184,87,0.00) 69.12%,rgba(214,167,50,0.87) 91.75%);
    background-image: -o-linear-gradient(270deg,rgba(240,184,87,0.00) 69.12%,rgba(214,167,50,0.87) 91.75%);
    background-image: linear-gradient(180deg,rgba(240,184,87,0.00) 69.12%,rgba(214,167,50,0.87) 91.75%);
    bottom: 0px;
}
.img-thumb {
    background-image: -webkit-linear-gradient(270deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%);
    background-image: -moz-linear-gradient(270deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%);
    background-image: -o-linear-gradient(270deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%);
    background-image: linear-gradient(180deg,rgba(0,167,193,0.00) 69.12%,rgba(0,167,193,0.87) 91.75%);
    bottom: 0px;
    opacity: 0.5;
}


.rits-banner {
    background-image: url(../images/coquito-banner.jpg);
    height: 40vh;
    background-size: cover;
    background-position: center center;
}

@media (max-width: 450px) {
  .rits-banner {
      height: 15vh;
    }
  }


.hidden{
    display: none;
    visibility: hidden;
}
.select-drinks {
    padding-top: 0px;
    height: 35px;
    width: 100%;
    color: #7E7D7D;
    background-color: rgba(255,255,255,1.00);
    border: 0;
    border-radius: 0;
}
.ritsi-btn {
    padding: 15px 40px;
    border: 2px solid rgba(255,255,255,1.00);
    border-radius: 8px;
    font-weight: 600;
    color: rgba(255,255,255,1.00);
    background-color: rgba(255,255,255,0.00);
}
.ritsi-btn:hover {
    padding: 15px 40px;
    border: 2px solid rgba(255,255,255,1.00);
    border-radius: 8px;
    font-weight: 600;
    color: rgba(255,255,255,1.00);
    background-color: rgba(255,255,255,0.20);
}
.ritsi-div-btn {
    position: absolute;
    bottom: 20%;
}

.tagline {
    font-size: 50px;
    font-weight: 900;
    color: rgba(255,255,255,1.00);
}

@media (max-width: 1000px) {
  .tagline {
      font-size: 40px;
      font-weight: 900;
}
  }

@media (max-width: 767px) {
  .tagline {
      font-size: 30px;
      font-weight: 900;
}
  }

@media (max-width: 625px) {
  .tagline {
      font-size: 25px;
      font-weight: 900;
}
  }

@media (max-width: 450px) {
  .tagline {
      font-size: 32px;
      font-weight: 900;

    }
  }

.rits-copy {
    color: rgba(34,34,34,1.00);
}

.pad-sect {
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-ritsis {
    padding: 0px 20px;
}

@media (max-width: 1000px) {
  .about-ritsis {
    /* [disabled]padding-top: 10px; */
    padding-right: 40px;
    padding-left: 40px;
    /* [disabled]padding-bottom: 10px; */
}
  }

@media (max-width: 625px) {
  .about-ritsis {
    /* [disabled]padding-top: 10px; */
    padding-right: 40px;
    padding-left: 40px;
    /* [disabled]padding-bottom: 10px; */
}
  }

@media (max-width: 450px) {
  .about-ritsis {
    /* [disabled]padding-top: 10px; */
    padding-right: 40px;
    padding-left: 40px;
    /* [disabled]padding-bottom: 10px; */
    }
  }

.about-ritsis-img {
    background-image: url(../images/Ritsi-Ad-04-H.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    background-clip: content-box;
}


.desktop{
    
}

.tablet{
    
}

.mobile{
    
    
}

@media (min-width: 1200px){
    .desktop{
    display: block;
}

    .tablet{
    display: none;
}

    .mobile{
    display: none;
    
    }
}

@media (min-width: 800px) and (max-width: 1199px){
    .desktop{
    display: none;
}

    .tablet{
    display:block;
}

    .mobile{
    display: none;
    
    }
}

@media (max-width: 799px){
    .desktop{
    display: none;
}

    .tablet{
    display: none;
}

    .mobile{
    display: block;
    
    }
}