#main-content {
    margin-top: 0;
}

section#hero {
    background: linear-gradient(180deg, rgba(227,247,255,1) 0%, rgba(255,255,255,1) 100%);
}

    section#hero .texts {
        color: white;
        max-width: 700px;
    }

    section#hero .how-img {
        width: 40px;
        height: 40px;
    }

    section#hero #whatsapp {
        max-height: 250px;
    }

        section#hero #whatsapp-screen {
            max-width: 400px;
            transform: translateY(-50%);
        }

    section#hero #need img {
        max-width: 300px !important;
        height: auto;
    }

    section#hero #need .texts h3,
    section#hero #need .texts span {
        max-width: 300px !important;
    }

    section#hero #need .texts span {
        color: var(--black);
    }

section#recipe {
    margin-top: 250px;
    background: linear-gradient(180deg, rgba(227,247,255,1) 0%, rgba(227,247,255,1) 80%, rgba(255,255,255,1) 100%);
}

    section#recipe #biker {
        position: absolute;
        top: 0;
        left: 50%;
        color: white;
        transform: translate(-50%, -50%);
        background: linear-gradient(45deg, #063380 0%, var(--blue-light) 100%);
    }

        section#recipe #biker .row > .col-lg:first-child {
            padding: 60px 15px 60px 60px !important;
        }

        section#recipe #biker .row > .col-lg:last-child {
            max-width: 350px;
            padding: 60px 60px 60px 15px !important;
        }

            section#recipe #biker .row > .col-lg:last-child img {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 320px;
            }

    section#recipe #scan {
        margin-top: 200px;
    }

    section#recipe #scan .col-xl:last-child {
        max-width: 400px;
    }

section#contactus {
    background: linear-gradient(45deg, #063380 0%, var(--blue-light) 100%);
}

    section#contactus img {
        height: 100px;
    }

section#questions {

}

    section#questions img {
        height: 50px;
    }

.store-buttons img {
    cursor: pointer;
    height: 50px;
    transition: all 200ms;
}

    .store-buttons img:hover {
        transform: scale(1.02);
    }

    .store-buttons img:last-child {
        /*margin-left: 10px;*/
    }

.feature img {
    height: 80px;
}

.feature h6 {
    font-weight: 600;
    line-height: 25px;
    color: var(--blue-light);
}

footer {
    color: white;
    font-size: 0.8rem;
    background: var(--blue-light);
    background: linear-gradient(45deg, #063380 0%, var(--blue-light) 100%);
}

    footer a,
    footer a:hover,
    footer a:visited,
    footer a:active {
        color: white;
        margin: 0 0 15px 0;
    }

    footer span {
        line-height: 25px;
    }

@media (max-width: 992px) {
    section#recipe #biker .row > .col-lg:last-child {
        min-width: 100%;
    }

    section#contactus img {
        height: 50px;
    }

    section#questions img {
        height: 80px;
    }

    .store-buttons img {
        cursor: pointer;
        height: 40px;
        transition: all 200ms;
    }
}

@media (max-width: 1200px) {
    section#hero {
        padding-top: var(--box-nav-bar-xs-height);
    }

        section#hero .how span {
            width: calc(80% - 20px);
        }

        section#hero #whatsapp {
            max-height: unset;
        }

        section#hero #whatsapp-screen {
            padding-top: 30px;
            transform: unset;
            max-width: 100%;
        }

    section#recipe {
        margin-top: 40px;
    }

        section#recipe #scan {
            margin-top: 50px;
        }

        section#recipe #biker {
            position: unset;
            transform: unset;
        }

            section#recipe #biker .row > .col-lg:first-child {
                padding: 20px !important;
            }

            section#recipe #biker .row > .col-lg:last-child {
                padding: 0 !important;
            }

                section#recipe #biker .row > .col-lg:last-child img {
                    position: unset;
                    width: 320px;
                }
}


