.qr-code{
    max-width: 10%;
}

.guard-app-download{
    background: -webkit-linear-gradient(to right, #636FA4, #E8CBC0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #636FA4, #E8CBC0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    padding: 2%;
    border-radius: 30px;
}

.sup-app-download{
    background: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffdde1, #ee9ca7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    padding: 2%;
    border-radius: 30px;
}

.client-app-download{
    background: -webkit-linear-gradient(to right, #3fada8, #808080);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3fada8, #808080); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    padding: 2%;
    border-radius: 30px;
}

@media only screen and (max-width: 600px) {
    .qr-code {
        max-width: 30%;
    }

    .m-9{
        margin-top: 9%;
    }

    .guard-app-download{
        margin: 4%;
    }

    .sup-app-download{
        margin: 4%;
    }

    .client-app-download{
        margin: 4%;
    }
  }