.u-section-1 { background-image: none; } .u-section-1 .u-sheet-1 { min-height: 1221px; } .u-section-1 .u-image-1 { width: 860px; height: 860px; background-image: url("images/kropale-finale.jpg"); background-position: 50% 50%; --animation-custom_in-translate_x: -300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; margin: 23px auto 0 0; } .u-section-1 .u-group-1 { width: 665px; min-height: 156px; height: auto; margin: -435px 0 0 auto; } .u-section-1 .u-container-layout-1 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-text-1 { font-size: 4.5rem; font-family: "Bungee Shade"; margin: 0 auto 0 0; } .u-section-1 .u-list-1 { grid-template-rows: auto; width: 642px; margin: 67px 65px 60px auto; } .u-section-1 .u-repeater-1 { grid-template-columns: calc(50% - 15px) calc(50% - 15px); min-height: 468px; grid-gap: 30px 30px; } .u-section-1 .u-list-item-1 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-icon-1 { height: 94px; width: 94px; background-image: none; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; margin: 0 auto; padding: 25px; } .u-section-1 .u-text-2 { letter-spacing: 2px; font-weight: 700; text-transform: none; font-size: 1.5rem; margin: 23px 0 0; } .u-section-1 .u-list-item-2 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-3 { padding: 30px; } .u-section-1 .u-icon-2 { height: 94px; width: 94px; background-image: none; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; margin: 0 auto; padding: 25px; } .u-section-1 .u-text-3 { letter-spacing: 2px; font-weight: 700; text-transform: none; font-size: 1.5rem; margin: 23px 0 0; } .u-section-1 .u-list-item-3 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-4 { padding: 30px; } .u-section-1 .u-icon-3 { height: 94px; width: 94px; background-image: none; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; margin: 0 auto; padding: 25px; } .u-section-1 .u-text-4 { letter-spacing: 2px; font-weight: 700; text-transform: none; font-size: 1.5rem; margin: 23px 0 0; } .u-section-1 .u-list-item-4 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-5 { padding: 30px; } .u-section-1 .u-icon-4 { height: 94px; width: 94px; background-image: none; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; margin: 0 auto; padding: 25px; } .u-section-1 .u-text-5 { letter-spacing: 2px; font-weight: 700; text-transform: none; font-size: 1.5rem; margin: 23px 0 0; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 1266px; } .u-section-1 .u-image-1 { margin-top: 60px; } .u-section-1 .u-group-1 { height: auto; } .u-section-1 .u-text-1 { font-size: 3.75rem; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 1539px; } .u-section-1 .u-image-1 { width: 700px; height: 700px; margin-top: 93px; } .u-section-1 .u-group-1 { width: 613px; margin-top: -340px; } .u-section-1 .u-text-1 { font-size: 3.4375rem; } .u-section-1 .u-list-1 { width: 613px; margin-top: 50px; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 1529px; } .u-section-1 .u-image-1 { width: 513px; height: 513px; margin-top: 90px; } .u-section-1 .u-group-1 { width: 460px; margin-top: -244px; } .u-section-1 .u-container-layout-1 { padding-left: 20px; padding-right: 10px; } .u-section-1 .u-list-1 { width: 540px; margin-top: 124px; margin-right: 0; } .u-section-1 .u-repeater-1 { grid-template-columns: calc(50% - 15px) calc(50% - 15px); } .u-section-1 .u-container-layout-2 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-container-layout-3 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-container-layout-4 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-container-layout-5 { padding-left: 20px; padding-right: 20px; } } @media (max-width: 575px) { .u-section-1 .u-sheet-1 { min-height: 1981px; } .u-section-1 .u-image-1 { width: 300px; height: 300px; margin-top: 78px; } .u-section-1 .u-group-1 { min-height: 135px; width: 288px; margin-top: -98px; } .u-section-1 .u-text-1 { font-size: 2.25rem; width: auto; margin-top: 28px; margin-left: 71px; margin-right: 0; } .u-section-1 .u-list-1 { width: 340px; margin-top: 46px; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; } }