/* typography */ p { margin-bottom: 30px; } body { font-size: 14px; line-height: 30px; } h1 { font-size: 48px; line-height: 60px; } h2 { font-size: 40px; line-height: 52px; } h3 { font-size: 30px; line-height: 40px; } h4 { font-size: 24px; line-height: 32px; text-transform: uppercase; } h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } h6 { font-size: 14px; line-height: 24px; text-transform: uppercase; } h1, h2, h3, h4, h5, h6 { margin-top: 15px; margin-bottom: 15px; } /* list */ ul { list-style-position: inside; list-style: none; } ol { list-style-type: decimal; list-style-position: inside; } ul ul, ul ol, ol ol, ol ul { margin-left: 10px; list-style-position: inside; } blockquote { padding: 30px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; font-size: 16px; font-weight: 300; letter-spacing: 1px; font-style: italic; margin-bottom: 30px; } blockquote:before { content: '"'; font-size: 50px; margin-right: 15px; color: #aaa; display: inline-block; float: left; } blockquote p:last-child { margin-bottom: 0; } .no-style { list-style-type: none; } /* alignment */ .text-c { text-align: center; } .text-r { text-align: right; } .text-l { text-align: left; } .text-j { text-align: justify; } .italic { font-style: italic; } .oblique { font-style: oblique; } .text-upp { text-transform: uppercase !important; } .text-cap { text-transform: capitalize !important; } .text-low { text-transform: lowercase !important; } .font-w-100 { font-weight: 100 !important; } .font-w-200 { font-weight: 200 !important; } .font-w-300 { font-weight: 300 !important; } .font-w-400 { font-weight: 400 !important; } .font-w-500 { font-weight: 500 !important; } .font-w-600 { font-weight: 600 !important; } .font-w-700 { font-weight: 700 !important; } .font-w-800 { font-weight: 800 !important; } .font-w-900 { font-weight: 900 !important; } /* line height */ .line-h-0 { line-height: 0px; } .line-h-1 { line-height: 1px; } .line-h-2 { line-height: 2px; } .line-h-3 { line-height: 3px; } .line-h-4 { line-height: 4px; } .line-h-5 { line-height: 5px; } .line-h-6 { line-height: 6px; } .line-h-7 { line-height: 7px; } .line-h-8 { line-height: 8px; } .line-h-9 { line-height: 9px; } .line-h-10 { line-height: 10px; } .line-h-11 { line-height: 11px; } .line-h-12 { line-height: 12px; } .line-h-13 { line-height: 13px; } .line-h-14 { line-height: 14px; } .line-h-15 { line-height: 15px; } .line-h-16 { line-height: 16px; } .line-h-17 { line-height: 17px; } .line-h-18 { line-height: 18px; } .line-h-19 { line-height: 19px; } .line-h-20 { line-height: 20px; } .line-h-21 { line-height: 21px; } .line-h-22 { line-height: 22px; } .line-h-23 { line-height: 23px; } .line-h-24 { line-height: 24px; } .line-h-25 { line-height: 25px; } .line-h-26 { line-height: 26px; } .line-h-27 { line-height: 27px; } .line-h-28 { line-height: 28px; } .line-h-29 { line-height: 29px; } .line-h-30 { line-height: 30px; } .line-h-31 { line-height: 31px; } .line-h-32 { line-height: 32px; } .line-h-33 { line-height: 33px; } .line-h-34 { line-height: 34px; } .line-h-35 { line-height: 35px; } .line-h-36 { line-height: 36px; } .line-h-37 { line-height: 37px; } .line-h-38 { line-height: 38px; } .line-h-39 { line-height: 39px; } .line-h-40 { line-height: 40px; } .line-h-41 { line-height: 41px; } .line-h-42 { line-height: 42px; } .line-h-43 { line-height: 43px; } .line-h-44 { line-height: 44px; } .line-h-45 { line-height: 45px; } .line-h-46 { line-height: 46px; } .line-h-47 { line-height: 47px; } .line-h-48 { line-height: 48px; } .line-h-49 { line-height: 49px; } .line-h-50 { line-height: 50px; } .line-h-51 { line-height: 51px; } .line-h-52 { line-height: 52px; } .line-h-53 { line-height: 53px; } .line-h-54 { line-height: 54px; } .line-h-55 { line-height: 55px; } .line-h-56 { line-height: 56px; } .line-h-57 { line-height: 57px; } .line-h-58 { line-height: 58px; } .line-h-59 { line-height: 59px; } .line-h-60 { line-height: 60px; } .line-h-61 { line-height: 61px; } .line-h-62 { line-height: 62px; } .line-h-63 { line-height: 63px; } .line-h-64 { line-height: 64px; } .line-h-65 { line-height: 65px; } .line-h-66 { line-height: 66px; } .line-h-67 { line-height: 67px; } .line-h-68 { line-height: 68px; } .line-h-69 { line-height: 69px; } .line-h-70 { line-height: 70px; } .line-h-71 { line-height: 71px; } .line-h-72 { line-height: 72px; } .line-h-73 { line-height: 73px; } .line-h-74 { line-height: 74px; } .line-h-75 { line-height: 75px; } .line-h-76 { line-height: 76px; } .line-h-77 { line-height: 77px; } .line-h-78 { line-height: 78px; } .line-h-79 { line-height: 79px; } .line-h-80 { line-height: 80px; } .line-h-81 { line-height: 81px; } .line-h-82 { line-height: 82px; } .line-h-83 { line-height: 83px; } .line-h-84 { line-height: 84px; } .line-h-85 { line-height: 85px; } .line-h-86 { line-height: 86px; } .line-h-87 { line-height: 87px; } .line-h-88 { line-height: 88px; } .line-h-89 { line-height: 89px; } .line-h-90 { line-height: 90px; } .line-h-91 { line-height: 91px; } .line-h-92 { line-height: 92px; } .line-h-93 { line-height: 93px; } .line-h-94 { line-height: 94px; } .line-h-95 { line-height: 95px; } .line-h-96 { line-height: 96px; } .line-h-97 { line-height: 97px; } .line-h-98 { line-height: 98px; } .line-h-99 { line-height: 99px; } .line-h-100 { line-height: 100px; } /* font size */ .font-s-0 { font-size: 0px; } .font-s-1 { font-size: 1px; } .font-s-2 { font-size: 2px; } .font-s-3 { font-size: 3px; } .font-s-4 { font-size: 4px; } .font-s-5 { font-size: 5px; } .font-s-6 { font-size: 6px; } .font-s-7 { font-size: 7px; } .font-s-8 { font-size: 8px; } .font-s-9 { font-size: 9px; } .font-s-10 { font-size: 10px; } .font-s-11 { font-size: 11px; } .font-s-12 { font-size: 12px; } .font-s-13 { font-size: 13px; } .font-s-14 { font-size: 14px; } .font-s-15 { font-size: 15px; } .font-s-16 { font-size: 16px; } .font-s-17 { font-size: 17px; } .font-s-18 { font-size: 18px; } .font-s-19 { font-size: 19px; } .font-s-20 { font-size: 20px; } .font-s-21 { font-size: 21px; } .font-s-22 { font-size: 22px; } .font-s-23 { font-size: 23px; } .font-s-24 { font-size: 24px; } .font-s-25 { font-size: 25px; } .font-s-26 { font-size: 26px; } .font-s-27 { font-size: 27px; } .font-s-28 { font-size: 28px; } .font-s-29 { font-size: 29px; } .font-s-30 { font-size: 30px; } .font-s-31 { font-size: 31px; } .font-s-32 { font-size: 32px; } .font-s-33 { font-size: 33px; } .font-s-34 { font-size: 34px; } .font-s-35 { font-size: 35px; } .font-s-36 { font-size: 36px; } .font-s-37 { font-size: 37px; } .font-s-38 { font-size: 38px; } .font-s-39 { font-size: 39px; } .font-s-40 { font-size: 40px; } .font-s-41 { font-size: 41px; } .font-s-42 { font-size: 42px; } .font-s-43 { font-size: 43px; } .font-s-44 { font-size: 44px; } .font-s-45 { font-size: 45px; } .font-s-46 { font-size: 46px; } .font-s-47 { font-size: 47px; } .font-s-48 { font-size: 48px; } .font-s-49 { font-size: 49px; } .font-s-50 { font-size: 50px; } .font-s-51 { font-size: 51px; } .font-s-52 { font-size: 52px; } .font-s-53 { font-size: 53px; } .font-s-54 { font-size: 54px; } .font-s-55 { font-size: 55px; } .font-s-56 { font-size: 56px; } .font-s-57 { font-size: 57px; } .font-s-58 { font-size: 58px; } .font-s-59 { font-size: 59px; } .font-s-60 { font-size: 60px; } .font-s-61 { font-size: 61px; } .font-s-62 { font-size: 62px; } .font-s-63 { font-size: 63px; } .font-s-64 { font-size: 64px; } .font-s-65 { font-size: 65px; } .font-s-66 { font-size: 66px; } .font-s-67 { font-size: 67px; } .font-s-68 { font-size: 68px; } .font-s-69 { font-size: 69px; } .font-s-70 { font-size: 70px; } .font-s-71 { font-size: 71px; } .font-s-72 { font-size: 72px; } .font-s-73 { font-size: 73px; } .font-s-74 { font-size: 74px; } .font-s-75 { font-size: 75px; } .font-s-76 { font-size: 76px; } .font-s-77 { font-size: 77px; } .font-s-78 { font-size: 78px; } .font-s-79 { font-size: 79px; } .font-s-80 { font-size: 80px; } .font-s-81 { font-size: 81px; } .font-s-82 { font-size: 82px; } .font-s-83 { font-size: 83px; } .font-s-84 { font-size: 84px; } .font-s-85 { font-size: 85px; } .font-s-86 { font-size: 86px; } .font-s-87 { font-size: 87px; } .font-s-88 { font-size: 88px; } .font-s-89 { font-size: 89px; } .font-s-90 { font-size: 90px; } .font-s-91 { font-size: 91px; } .font-s-92 { font-size: 92px; } .font-s-93 { font-size: 93px; } .font-s-94 { font-size: 94px; } .font-s-95 { font-size: 95px; } .font-s-96 { font-size: 96px; } .font-s-97 { font-size: 97px; } .font-s-98 { font-size: 98px; } .font-s-99 { font-size: 99px; } .font-s-100 { font-size: 100px; } /* letter spacing */ .letter-1 { letter-spacing: 1px; } .letter-2 { letter-spacing: 2px; } .letter-3 { letter-spacing: 3px; } .letter-4 { letter-spacing: 4px; } .letter-5 { letter-spacing: 5px; } .letter-6 { letter-spacing: 6px; } .letter-7 { letter-spacing: 7px; } .letter-8 { letter-spacing: 8px; } .letter-9 { letter-spacing: 9px; } .letter-10 { letter-spacing: 10px; } /* tables */ table { width: 100%; } th { font-weight: bold; } th, td { text-align: center; } tr:nth-child(even) { background: #f3f3f3; }