A520M-A PRO body { background-color: fefefe } .mbWrapper { max-width: 1024px padding: 20px background-color: fefefe margin: auto } table { width: 100% } img { width: 100% } .head { font-family: Open Sans font-size: 20px line-height: 1.1em margin: 0 font-weight: 700 text-transform: uppercase background: linear-gradient(90deg 019cfe a5d4f1 019cfe) -webkit-background-clip: text -webkit-text-fill-color: transparent display: inline text-shadow: 1px 1px .5px rgba(225 225 225 .3) z-index: -1 } .head-2 { font-size: 18px color: 333 font-weight: 600 font-family: Open Sans Arial Helvetica sans-serif line-height: 26px } .description { font-family: Open Sans font-size: 13px margin: 0 color: 333 } .list-right { font-family: Open Sans font-size: 11px color: 333 } .paragraph-center { margin-left: auto margin-right: auto } .w-p-100 { width: 100% } .w-p-33 { width: 33% } .w-p-23 { width: 23% } .h-60 { height: 60px } .a-center { text-align: center } .va-top { vertical-align: top } .f-left { float: left } table td { border-collapse: collapse border: 0 border-spacing: 0 } .overview img { width: 100% } .head { font-size: 28px font-weight: 700 font-family: Open Sans arial sans-serif line-height: 32px } .description { padding-bottom: 10px font-size: 14px font-weight: 400 text-align: left font-family: Open Sans Arial Helvetica sans-serif line-height: 22px } td .feature { text-align: left } .digital_power li { margin: 10px auto font-size: 1rem } .digital_power span { display: inline-block color: white padding: 5px 10px text-shadow: 1px 1px 3px 333 } ul { padding-left: 20px } .blue { color: 0d7fc7 } .green { color: 0acd6b } .purple { color: b400ff } .yellow { color: ffd701 } .blue span { background: 0d7fc7 } .green span { background: 0acd6b } .purple span { background: b400ff } .yellow span { background: ffd701 } /* image */ media only screen and (max-width:640px) { table .full-width { width: 100% max-width: 100% min-width: 100% clear: both } td .full-width { width: 100% max-width: 100% min-width: 100% clear: both } td .list-right { width: 66% } td .overview { text-align: center } .head { font-size: 24px font-weight: 700 font-family: Open Sans arial sans-serif } .head-2 { font-size: 18px font-weight: 700 font-family: Open Sans arial sans-serif } .description { padding-bottom: 20px } .overview img { width: 100% } .feature img { width: 80% float: right } } media only screen and (max-width:479px) { .head { font-size: 24px font-weight: 700 font-family: Open Sans arial sans-serif } table .full-width { width: 100% max-width: 100% min-width: 124px clear: both } td .list-right { width: 100% max-width: 100% min-width: 124px clear: both } td .overview { text-align: left } td .full-width { width: 100% max-width: 100% min-width: 100% clear: both } }
|