.u-section-1 {background-image: linear-gradient(black, #999999)}
.u-section-1 .u-sheet-1 {min-height: 415px}
.u-section-1 .u-text-1 {font-weight: 700; margin: 34px 20px 0}
.u-section-1 .u-gallery-1 {height: 296px; grid-template-columns: auto auto auto auto; grid-gap: 20px 20px; width: 1140px; margin: 29px 0 16px}
.u-section-1 .u-over-slide-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-1 .u-over-slide-2 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-1 .u-over-slide-3 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-1 .u-over-slide-4 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} 

@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 439px}
.u-section-1 .u-text-1 {margin-left: 0; margin-right: 0}
.u-section-1 .u-gallery-1 {height: 244px; width: 940px} }

@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 943px}
.u-section-1 .u-gallery-1 {height: 748px; grid-template-columns: repeat(2, auto); width: 720px} }

@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 2438px}
.u-section-1 .u-gallery-1 {height: 2243px; grid-template-columns: repeat(1, auto); width: 540px} }

@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 1608px}
.u-section-1 .u-gallery-1 {height: 1412px; width: 340px} }.u-section-2 {background-image: linear-gradient(#999999, black)}
.u-section-2 .u-sheet-1 {min-height: 641px}
.u-section-2 .u-gallery-1 {height: 581px; grid-gap: 17px 17px; grid-template-columns: auto auto auto auto; margin: 0 auto 60px}
.u-section-2 .u-over-slide-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-2 .u-over-slide-2 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-2 .u-over-slide-3 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-2 .u-over-slide-4 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-2 .u-gallery-item-5 {box-shadow: 0 0 0 0 rgba(0,0,0,0)}
.u-section-2 .u-back-image-5 {object-position: 50% 50%}
.u-section-2 .u-over-slide-5 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px}
.u-section-2 .u-over-slide-6 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px}
.u-section-2 .u-gallery-item-7 {box-shadow: 0 0 0 0 rgba(0,0,0,0)}
.u-section-2 .u-back-image-7 {object-position: 50% 50%}
.u-section-2 .u-over-slide-7 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); transition-duration: 0.5s; padding: 20px}
.u-section-2 .u-over-slide-8 {background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)); padding: 20px} 

@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 497px}
.u-section-2 .u-gallery-1 {height: 479px; grid-template-columns: repeat(4, auto); margin-right: initial; margin-left: initial}
.u-section-2 .u-back-slide-5 {background-position: 50% 50%}
.u-section-2 .u-back-slide-7 {background-position: 50% 50%} }

@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 1486px}
.u-section-2 .u-gallery-1 {height: 1468px; grid-template-columns: repeat(2, auto); margin-right: initial; margin-left: initial} }

@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 4421px}
.u-section-2 .u-gallery-1 {height: 4403px; grid-template-columns: repeat(1, auto); margin-right: initial; margin-left: initial} }

@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 2791px}
.u-section-2 .u-gallery-1 {height: 2772px; margin-right: initial; margin-left: initial} }