.pricing-container{ margin-left: 5%; } .pricing { text-align: center; border: 1px solid #f0f0f0; color: #777; font-size: 14px; padding-left: 0; margin-bottom: 30px; font-family: 'Lato'; } .pricing img { display: block; margin: auto; width: 32px; } .pricing li:first-child, .pricing li:last-child { padding: 20px 13px; } .pricing li { list-style: none; padding: 13px; } .pricing li + li { border-top: 1px solid #f0f0f0; } .pricing li.type { list-style: none; padding: 13px; height: 200px; } .pricing big { font-size: 32px; } .pricing h3 { margin-bottom: 0; font-size: 36px; } .pricing span { font-size: 12px; color: #999; font-weight: normal; } .pricing li:nth-last-child(2) { padding: 30px 13px; } .pricing button { width: auto; margin: auto; font-size: 15px; font-weight: bold; border-radius: 50px; color: #fff; padding: 9px 24px; background: #aaa; opacity: 1; transition: opacity .2s ease; border: none; outline: none; } .pricing button:hover { opacity: .9; } .pricing button:active { box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); } /* pricing color */ .p-green big, .p-green h3 { color: #4c7737; } .p-green button { background: #4c7737; } .p-yel big, .p-yel h3 { color: #ffbb42; } .p-yel button { background: #ffbb42; } .p-red big, .p-red h3 { color: #e13c4c; } .pricing .short-input{ min-width: 0; width: 90px; display: inline; } .p-red button { background: #e13c4c; } .p-blue big, .p-blue h3 { color: #3f4bb8; } .p-blue button { background: #3f4bb8; }