body{background:#fff}.page-header-wrapper{background-color:#99babf}.styleguide-header{margin:50px auto}.styleguide-content-header{margin-top:50px;margin-bottom:50px}.page-header{padding-top:40px;padding-bottom:40px}.page-header h1{margin-bottom:10px}.page-header p{font-size:20px;font-weight:400}.page-header .nav .nav-item a{color:#000;font-weight:500}.main-colors .row{margin-bottom:30px}.main-colors .row.header{margin-bottom:10px}.main-colors .row .border{background-color:rgba(52,58,64,.05)}.main-colors .row>div p{padding:20px 10px;margin:0;height:100%}.main-grid{margin-bottom:100px}.main-grid>.row{margin-bottom:20px}.main-grid [class*=col-] .content,.main-grid .col .content{padding:15px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}.main-icons{margin-bottom:50px}.main-icons div[class*=col]{margin-bottom:100px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.main-icons i{display:inline-block}.main-icons .info{margin-top:20px}.main-icons .info p{font-size:13px;margin:0}.styleguide-typography .row{margin-bottom:40px}.typography-tablet h1{font-size:30px;letter-spacing:4.7px;line-height:32px}.typography-tablet h2{font-size:20px;letter-spacing:4.2px;line-height:24.5px}.typography-tablet h3{font-size:36px;letter-spacing:1px;line-height:43px}.typography-tablet h4{font-size:24px;letter-spacing:.5px;line-height:33px}.typography-mobile h1{font-size:30px;letter-spacing:4.7px;line-height:32px}.typography-mobile h2{font-size:12px;letter-spacing:2.48px;line-height:24.5px}.typography-mobile h3{font-size:24px;letter-spacing:.8px;line-height:32px}.typography-mobile h4{font-size:20px;letter-spacing:.4px;line-height:30px}.typography-mobile .medium{letter-spacing:.23px}.typography-mobile .special-overlay-display{font-size:40px;letter-spacing:2.22px;line-height:53px;text-transform:uppercase}.typography-header{font-size:18px;letter-spacing:3.75px}