html {
    width: 100%;
    min-height: 100%;
    font-family: 'Roboto', sans-serif;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(0deg,rgba(245,191,41,0.7) 9%,rgba(251,227,163,0.6) 50%,rgba(255,255,255,1) 100%);
}


.landing {
    max-width: 400px;
    height: 500px;
    border-radius: 20px;
    margin: auto;
    border: 0px solid #000;
    padding: 0px;
    /*box-shadow: 1px 1px 20px #d1d5e1;*/
    border-spacing: 0px;
    border-collapse: collapse;
    margin-top: 150px;
}


.landing-right {
    width: 400px;
    border: 0px solid #000;
    border-radius: 20px 20px 20px 20px;
    margin: 0px;
    background-color: #FFFFFF;
    text-align: center;
}

.logo {
    width: 240px;
    padding: 5px;
}

.title {
    font-weight: 400;
    font-size: 20px;
    padding: 10px;
}

.description {
    font-weight: 100;
    padding: 0px 55px;
    font-size: 15px;
}

.qr {
    width: 240px;
    padding: 20px;
}

.launchAppBtn {
    background-color: #EEB32E;
    border: none;
    color: black;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 5px;
}

.mobile-landing {
    display: none;
}

@media only screen and (max-width: 900px) {

    [class*="col-"] {
        width: 100%;
    }

    .landing {
        display: none;
    }

    .description {
        font-weight: 100;
        padding: 0px 35px 10px 35px;
        font-size: 15px;
    }

    .mobile-landing {
        width: auto;
        height: 280px;
        border-radius: 20px;
        margin: auto;
        border: 0px solid #000;
        padding: 0px;
        /*box-shadow: 1px 1px 20px #d1d5e1;*/
        border-spacing: 0px;
        border-collapse: collapse;
        margin-top: 150px;
        display: inline-block;
    }

    .mobile-landing-content {
        width: 280px;
        height: 300px;
        border: 0px solid #000;
        border-radius: 20px;
        margin: 0px;
        background-color: #FFFFFF;
        text-align: center;
    }
}