html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .right { float: right; } .left { float: left; } .clear { clear: both; } body { font-family: -apple-system, "BlinkMacSystemFont", "Raleway", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-feature-settings: "liga" 0; text-align: center; background: #F5F5F5; font-weight: 300; } h1 { font-size: 3em; margin-top: 10vh; } h1>span { line-height: 65px; vertical-align: top; } h2 { font-size: 2em; font-weight: 100; margin: 1em; } h3 { font-size: 1.5em; font-weight: 100; margin-bottom: 1em; } hr { margin: 1.5em 0; height: 1px; background: #e3e3e3; border: none; } p { line-height: 1.5em; } .logo { width: 64px; height: 64px; } .icon { display: inline-block; overflow: hidden; width: 64px; height: 64px; fill: #6386EC; margin: 20px 10px; } .img-install { margin: 55px; box-shadow: 0 20px 35px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 480px) { p, h1 { margin-bottom: 1em; } img.img-install { width: calc(100% - 40px) !important; margin: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } }