body{background:#fff}.page-header-wrapper{background-color:#f8f9fa}.styleguide-header{margin:50px auto}.styleguide-content-header{margin-bottom:50px;margin-top:50px}.page-header{padding-bottom:40px;padding-top: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(25,25,25,.05)}.main-colors .row>div p{height:100%;margin:0;padding:20px 10px}.main-grid{margin-bottom:100px}.main-grid>.row{margin-bottom:20px}.main-grid .col .content,.main-grid [class*=col-] .content{background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2);padding:15px}.main-icons{margin-bottom:50px}.main-icons div[class*=col]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-icons i{display:inline-block}.main-icons .info{margin-top:20px}.main-icons .info p{font-size:13px;margin:0}