.button-section a {
    /* P:... */
    padding: clamp(15px, calc(15px + (10) * ((100vw - 320px) / (1680))), 25px) clamp(25px, calc(25px + (5) * ((100vw - 320px) / (1680))), 30px) clamp(15px, calc(15px + (10) * ((100vw - 320px) / (1680))), 25px) clamp(25px, calc(25px + (5) * ((100vw - 320px) / (1680))), 30px);
}

.section-width {
    /* P:... */
    padding: clamp(20px, calc(20px + (20) * ((100vw - 320px) / (1680))), 40px) clamp(20px, calc(20px + (20) * ((100vw - 320px) / (1680))), 40px);
}

#section-1.section {
    /* P:... */
    padding: clamp(40px, calc(40px + (40) * ((100vw - 320px) / (1680))), 80px) clamp(40px, calc(40px + (40) * ((100vw - 320px) / (1680))), 80px) clamp(40px, calc(40px + (40) * ((100vw - 320px) / (1680))), 80px) clamp(40px, calc(40px + (40) * ((100vw - 320px) / (1680))), 80px);
}

#section-1.section .section-content {
    
    gap: clamp(20px, calc(20px + (30) * ((100vw - 320px) / (1680))), 50px);
}

/* Lewa kolumna */

#section-1.section .col-left .text-editor {
    /* M:... */
    margin-top: clamp(0px, calc(0px + (20) * ((100vw - 320px) / (1680))), 20px);
    margin-right: clamp(0px, calc(0px + (20) * ((100vw - 320px) / (1680))), 20px);
    margin-bottom: clamp(0px, calc(0px + (20) * ((100vw - 320px) / (1680))), 20px);
    margin-left: clamp(0px, calc(0px + (20) * ((100vw - 320px) / (1680))), 20px);
}

#section-1.section .col-left .button-section {
    /* M:... */
    margin-top: clamp(20px, calc(20px + (20) * ((100vw - 320px) / (1680))), 40px);
}

#section-1.section .col-left .button-section a {
    /* P:... */
    padding: clamp(10px, calc(10px + (15) * ((100vw - 320px) / (1680))), 25px) clamp(10px, calc(10px + (15) * ((100vw - 320px) / (1680))), 25px) clamp(10px, calc(10px + (15) * ((100vw - 320px) / (1680))), 25px) clamp(10px, calc(10px + (15) * ((100vw - 320px) / (1680))), 25px);
}

/* Prawa kolumna */

#section-1.section .col-right .slider {
    /* W:280-487; */
    width: clamp(280px, calc(280px + (207) * ((100vw - 320px) / (1680))), 487px);
    width: clamp(280px, calc(280px + (207) * ((100vw - 320px) / (1680))), 487px);
}

#section-1.section .slider .image-wrapper {
    /* W:280-487; */ /* H:318-553; */
    width: clamp(280px, calc(280px + (207) * ((100vw - 320px) / (1680))), 487px);
    width: clamp(280px, calc(280px + (207) * ((100vw - 320px) / (1680))), 487px);
    height: clamp(318px, calc(318px + (235) * ((100vw - 320px) / (1680))), 553px);
}

#section-1.section .slider .podpis {
    /* M:... */
    margin-top: clamp(15px, calc(15px + (10) * ((100vw - 320px) / (1680))), 25px);
}

#section-1.section .slider .dopisek {
    /* M:... */
    margin-top: clamp(5px, calc(5px + (10) * ((100vw - 320px) / (1680))), 15px);
}

/* Sekcja 2 */

#section-2.section .section-content {
    
    gap: clamp(30px, calc(30px + (10) * ((100vw - 320px) / (1680))), 40px);
}

#section-2.section .col-left {
    /* W:280-874; */
    width: clamp(280px, calc(280px + (594) * ((100vw - 320px) / (1680))), 874px);
}

#section-2.section .support-wrapper {
    
    gap: 10px;
}

#section-2.section .col-left .text-editor {
    /* M:... */
    margin-top: clamp(30px, calc(30px + (10) * ((100vw - 320px) / (1680))), 40px);
}

#section-2.section .col-right {
    
    gap: 20px;
}

#section-2.section .posts {
    
    gap: clamp(30px, calc(30px + (10) * ((100vw - 320px) / (1680))), 40px);
}

/* Sekcja 3 */

#section-3.section .section-content {
    /* W:280-878; */ /* H:177-274; */
    gap: clamp(30px, calc(30px + (20) * ((100vw - 320px) / (1680))), 50px);
    width: clamp(280px, calc(280px + (598) * ((100vw - 320px) / (1680))), 878px);
    height: clamp(177px, calc(177px + (97) * ((100vw - 320px) / (1680))), 274px);
}

/* Sekcja 4 */

#section-4.section {
    /* M:... */
    margin-bottom: clamp(60px, calc(60px + (20) * ((100vw - 320px) / (1680))), 80px);
}

#section-4.section .section-content {
    
    gap: clamp(60px, calc(60px + (-32) * ((100vw - 320px) / (1680))), 28px);
}

#section-4.section .support-wrapper {
    
    gap: 15px;
}

#section-4.section .columns {
    /* M:... */
    gap: clamp(28px, calc(28px + (32) * ((100vw - 320px) / (1680))), 60px);
    margin-top: clamp(30px, calc(30px + (10) * ((100vw - 320px) / (1680))), 40px);
}

#section-4.section .col .nazwa {
    /* M:... */
    margin-bottom: clamp(20px, calc(20px + (3) * ((100vw - 320px) / (1680))), 23px);
}

#section-4.section .col .text-editor {
    /* M:... */
    margin-bottom: clamp(45px, calc(45px + (-5) * ((100vw - 320px) / (1680))), 40px);
}

/* Sekcja 5 */

#section-5.section .section-width {
    /* P:... */
    padding: clamp(80px, calc(80px + (85) * ((100vw - 320px) / (1680))), 165px) clamp(20px, calc(20px + (278) * ((100vw - 320px) / (1680))), 298px) clamp(80px, calc(80px + (85) * ((100vw - 320px) / (1680))), 165px) clamp(20px, calc(20px + (278) * ((100vw - 320px) / (1680))), 298px);
}

#section-5.section .section-content {
    
    gap: clamp(35px, calc(35px + (15) * ((100vw - 320px) / (1680))), 50px);
}

/* Sekcja 6 */

#section-6.section .section-width {
    /* P:... */
    padding: clamp(60px, calc(60px + (20) * ((100vw - 320px) / (1680))), 80px) clamp(50px, calc(50px + (50) * ((100vw - 320px) / (1680))), 100px);
}

#section-6.section .section-content {
    
    gap: clamp(20px, calc(20px + (55) * ((100vw - 320px) / (1680))), 75px);
}

#section-6.section .title-wrapper {
    /* M:... */
    margin-bottom: clamp(20px, calc(20px + (3) * ((100vw - 320px) / (1680))), 23px);
}

#section-6.section .text-editor {
    /* W:280-487; */ /* M:... */
    width: clamp(280px, calc(280px + (207) * ((100vw - 320px) / (1680))), 487px);
    margin-bottom: clamp(50px, calc(50px + (25) * ((100vw - 320px) / (1680))), 75px);
}

#section-6.section .loga {
    
    gap: clamp(50px, calc(50px + (110) * ((100vw - 320px) / (1680))), 160px);
}

/* Sekcja 7 */

#section-7.section .section-width {
    /* P:... */
    padding: clamp(46px, calc(46px + (154) * ((100vw - 320px) / (1680))), 200px) clamp(20px, calc(20px + (406) * ((100vw - 320px) / (1680))), 426px) 60px clamp(20px, calc(20px + (20) * ((100vw - 320px) / (1680))), 40px);
}

/* Sekcja 8 */

#section-8.section {
    /* M:... */
    margin-bottom: clamp(60px, calc(60px + (20) * ((100vw - 320px) / (1680))), 80px);
}

#section-8.section .image-wrapper,
#section-8.section .image-wrapper img {
    /* W:280-1520; */ /* H:153-834; */
    width: clamp(280px, calc(280px + (1240) * ((100vw - 320px) / (1680))), 1520px);
    width: clamp(280px, calc(280px + (1240) * ((100vw - 320px) / (1680))), 1520px);
    height: clamp(153px, calc(153px + (681) * ((100vw - 320px) / (1680))), 834px);
}

/* Sekcja 9 */

#section-9.section .section-content {
    /* M:... */
    margin-bottom: clamp(60px, calc(60px + (40) * ((100vw - 320px) / (1680))), 100px);
}

#section-9.section .osoba {
    
    gap: 30px;
}

#section-9.section .image-wrapper {
    /* H:318-553; */ /* M:... */
    height: clamp(318px, calc(318px + (235) * ((100vw - 320px) / (1680))), 553px);
    margin-bottom: clamp(15px, calc(15px + (10) * ((100vw - 320px) / (1680))), 25px);
}

#section-9.section .support-wrapper {
    /* M:... */
    margin-bottom: 20px;
}

/* Sekcja 10 */

#section-10.section .section-content {
    /* M:... */
    margin-bottom: clamp(40px, calc(40px + (20) * ((100vw - 320px) / (1680))), 60px);
}

#section-10.section .posts {
    
    gap: clamp(20px, calc(20px + (10) * ((100vw - 320px) / (1680))), 30px);
}

/* Sekcja 11 */

#section-11.section .section-content {
    /* M:... */
    gap: clamp(20px, calc(20px + (10) * ((100vw - 320px) / (1680))), 30px);
    margin-bottom: clamp(60px, calc(60px + (40) * ((100vw - 320px) / (1680))), 100px);
}

#section-11.section .support-wrapper {
    
    gap: clamp(10px, calc(10px + (5) * ((100vw - 320px) / (1680))), 15px);
}

#section-11.section .dopisek {
    /* M:... */
    margin-left: clamp(10px, calc(10px + (5) * ((100vw - 320px) / (1680))), 15px);
}

#section-11.section .text-editor {
    /* M:... */
    margin-top: clamp(20px, calc(20px + (10) * ((100vw - 320px) / (1680))), 30px);
    margin-bottom: clamp(40px, calc(40px + (20) * ((100vw - 320px) / (1680))), 60px);
}

#section-11.section .tabela {
    
    gap: 10px;
}

#section-11.section .tabela .item {
    /* P:... */
    padding: 10px 0px 10px 0px;
}

/*-----------------------------------------------------------
	Footer 
-------------------------------------------------------------*/



.footer-wrapper {
    /* P:... */
    padding: clamp(45px, calc(45px + (20) * ((100vw - 320px) / (1680))), 65px) clamp(20px, calc(20px + (20) * ((100vw - 320px) / (1680))), 40px) clamp(80px, calc(80px + (55) * ((100vw - 320px) / (1680))), 135px) clamp(20px, calc(20px + (20) * ((100vw - 320px) / (1680))), 40px);
}

.footer-wrapper .col-left {
    /* W:280-874; */ /* M:... */
    width: clamp(280px, calc(280px + (594) * ((100vw - 320px) / (1680))), 874px);
    margin-right: clamp(0px, calc(0px + (245) * ((100vw - 320px) / (1680))), 245px);
}

.footer-wrapper .col-center {
    /* W:187-187; */ /* M:... */
    width: 187px;
    margin-right: clamp(0px, calc(0px + (200) * ((100vw - 320px) / (1680))), 200px);
}

.footer-wrapper .col-right {
    /* W:280-487; */
    gap: 20px;
    width: clamp(280px, calc(280px + (207) * ((100vw - 320px) / (1680))), 487px);
}