MAG X570 TOMAHAWK WIFI 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(to top a50016 e60014 a50016) -webkit-background-clip: text -webkit-text-fill-color: transparent display: inline text-shadow: 1px 1px 0.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-left .list-right { font-family: Open Sans font-size: 11px color: 333 } .paragraph-center { margin-left: auto margin-right: auto } .number-left { padding: 6px border: 1px solid 2c3e50 border-radius: 4px font-weight: 700 text-align: center text-shadow: 0 0 2em ccc background: 333 color: 2c3e50 } .number-right { padding: 6px border: 1px solid transparent border-radius: 4px background: linear-gradient(to bottom right bdc3c7 2c3e50) color: 333 font-weight: 700 text-align: center } .specs-left { border-spacing: 5px 10px } .specs-right { border-spacing: 5px 10px } .w-14-px { width: 14px } .w-p-100 { width: 100% } .w-p-50 { width: 50% } .w-p-45 { width: 45% } .w-p-40 { width: 40% } .w-p-35 { width: 35% } .w-p-33 { width: 33% } .w-p-23 { width: 23% } .cs-10 { border-spacing: 10px } .h-60 { height: 60px } .a-center { text-align: center } .va-bottom { vertical-align: bottom } .va-top { vertical-align: top } .f-left { float: left } .f-right { float: right } table td { border-collapse: collapse border: 0 border-spacing: 0 } ul { padding-left: 20px } .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 } span.highlight { color: white background: 21506b font-weight: bold padding: 0 5px } /* image */ .feature img { width: 100% } 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-left { width: 30% } 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-left { 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 } }
|