/* ============================================================================ wiedza ============================================================================ */ .sublayer1-box {padding:0 0 30px 0;} .subpadd40 {padding:40px 0 0 0;} .step-content {padding:30px 0 0 0;} .step-content ul {list-style: none;padding:20px 0 0 0;} .step-content li {padding-left: 1.3em;margin-bottom:15px;} .step-content li:before { content: "\f101"; font-family: 'icomoon'; display: inline-block; margin-left: -1.3em; width: 1.3em; font-weight:400; font-size:12px; } .box-content {padding:20px 0 20px 0;margin:0 auto} /* main */ .know-cat h2 {font-family: 'Montserrat', sans-serif;font-size: 34px;line-height:36px;font-weight: 600;} .know-title {font-family: 'Montserrat', sans-serif;font-size: 18px;line-height:22px;font-weight: 600;} .know-entry-date {font-size:12px;line-height:16px;padding:5px 0 0 0;} .know-intro {padding:10px 0 0 0;font-size:14px;line-height: 18px;} .know-layer {margin:10px 0 30px 0;font-size:14px;line-height: 18px;display:inline-block;} a.know-link {color: #fff;outline:none;text-decoration:none;background:#ffbf34;padding:2px 7px 2px 7px;} a.know-link:hover {color: #fff;outline:none;text-decoration:none;background:#0075bc;padding:2px 7px 2px 7px;} a.know-title-link {color: #333;outline:none;text-decoration:none;} a.know-title-link:hover {color: #0075bc;outline:none;text-decoration:none;} .know-all {font-family: 'Montserrat', sans-serif;font-size: 18px;line-height:22px;font-weight: 600;text-align:center;} .know-all-link {color: #0075bc;outline:none;text-decoration:none;} .know-all-link:hover {color: #333;outline:none;text-decoration:none;} .layer6-header {padding:60px 0 60px 0;} /* category */ .know-title-entry h2 {font-family: 'Montserrat', sans-serif;font-size: 18px;line-height:22px;font-weight: 600;} /* entry */ .know-content {width:1200px;margin:0 auto;} .know-entry-list-box{padding:0 0 60px 0} .know-entry-intro {padding:15px 0 0 0;} .know-entry-intro h2 {font-size: 20px;line-height:24px;font-weight: 600;padding:10px 0 5px 0;} blockquote { margin-top: 10px; margin-bottom: 10px; margin-left: 30px; padding-left: 15px; border-left: 5px solid #0075bc; display:inline-flex; } blockquote span { /* margin-top:-10px; margin-bottom:-10px;*/ } blockquote div { padding:0 0 10px 0; } .know-entry-intro ul {list-style: none;padding:20px 0 0 0;} .know-entry-intro li {padding-left: 1.3em;margin-bottom:15px;font-weight:400;} .know-entry-intro li:before { content: "\f101"; font-family: 'icomoon'; display: inline-block; margin-left: -1.3em; width: 1.3em; font-weight:400; font-size:12px; } .know-full-entry {padding:0 0 0 0;} .know-entry-button {padding:20px 0 0 0;} .know-entry-i-title h1 {font-family: 'Montserrat', sans-serif;font-size: 36px;line-height:42px;font-weight: 600;} .know-entry-i-date {font-size:12px;line-height:16px;padding:10px 0 20px 0;} /* ============================================================================ RESPONSIVE ============================================================================ */ @media only screen and (min-width: 1180px) and (max-width: 1380px){ .know-content {width:95%;max-width:1200px;margin:0 auto;} .know-entry-i-title h1 {font-size: 24px;line-height:28px;} .know-entry-intro h2 {font-size: 20px;line-height:24px;} blockquote {margin-left: 20px;} } @media only screen and (min-width: 959px) and (max-width: 1180px){ .know-content {width:95%;margin:0 auto;} .know-entry-i-title h1 {font-size: 22px;line-height:28px;} .know-entry-intro h2 {font-size: 20px;line-height:24px;} blockquote {margin-left: 20px;} .layer6-header {padding:0 0 60px 0;} } @media only screen and (min-width: 768px) and (max-width: 959px){ .know-content {width:95%;margin:0 auto;} .know-entry-i-title h1 {font-size: 18px;line-height:28px;} .know-entry-intro h2 {font-size: 18px;line-height:28px;} blockquote {margin-left: 10px;} .layer6-header {padding:0 0 60px 0;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .know-content {width:95%;margin:0 auto;} .know-entry-i-title h1 {font-size: 18px;line-height:28px;} .know-entry-intro h2 {font-size: 18px;line-height:28px;} blockquote {margin-left: 10px;} .layer6-header {padding:0 0 60px 0;} } @media only screen and (min-width: 320px) and (max-width: 479px){ .know-content {width:95%;margin:0 auto;} .know-entry-i-title h1 {font-size: 18px;line-height:28px;} .know-entry-intro h2 {font-size: 18px;line-height:28px;} blockquote {margin-left: 10px;} .layer6-header {padding:0 0 60px 0;} }