@font-face { font-family: "Roboto-Regular"; src: url("../css/fonts/Roboto-Medium.ttf"); } .login{ border-right:solid 1px #ccc; } #customBtn { display: inline-block; background: white; color: #444; width: 240px; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; text-decoration:none; } #customBtn:hover, span.buttonText:hover { cursor: pointer; } span.icon { background: url('../image/btn_google_light_normal_ios.svg') no-repeat scroll 0% 0%; display: inline-block; vertical-align: middle; position:relative; left:0px; top:0px; margin:0px; margin-bottom:5px; width: 42px; height: 42px; } span.buttonText { background: white; color: #444; display: inline-block; vertical-align: middle; padding-left: 24dp; padding-right: 8dp; font-size: 14px; font-weight: bolder; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto-Regular', sans-serif; } @media only screen and (max-width: 600px) { .login{ border:none; border-bottom:solid 1px #ccc; } }