|
.u-section-1 { |
|
min-height: 336px; |
|
} |
|
|
|
.u-section-1 .u-image-1 { |
|
width: 490px; |
|
height: 334px; |
|
margin: 8px auto 0 0; |
|
} |
|
|
|
.u-section-1 .u-text-1 { |
|
font-weight: 700; |
|
font-size: 3rem; |
|
width: 639px; |
|
margin: -275px auto 0; |
|
} |
|
|
|
.u-section-1 .u-text-2 { |
|
font-size: 1.25rem; |
|
width: 639px; |
|
margin: 8px auto 0; |
|
} |
|
|
|
@media (max-width: 1199px) { |
|
.u-section-1 { |
|
min-height: 845px; |
|
} |
|
|
|
.u-section-1 .u-image-1 { |
|
margin-top: 288px; |
|
margin-left: calc(((100% - 1140px) / 2) + -97px); |
|
} |
|
|
|
.u-section-1 .u-text-1 { |
|
margin-top: 20px; |
|
margin-right: calc(((100% - 1140px) / 2) + 100px); |
|
margin-left: calc(((100% - 1140px) / 2) + 401px); |
|
} |
|
|
|
.u-section-1 .u-text-2 { |
|
margin-right: calc(((100% - 1140px) / 2) + 100px); |
|
margin-left: calc(((100% - 1140px) / 2) + 401px); |
|
} |
|
} |
|
|
|
@media (max-width: 991px) { |
|
.u-section-1 .u-image-1 { |
|
margin-left: calc(((100% - 1140px) / 2) + 13px); |
|
} |
|
|
|
.u-section-1 .u-text-1 { |
|
margin-right: calc(((100% - 1140px) / 2) + 210px); |
|
margin-left: calc(((100% - 1140px) / 2) + 291px); |
|
} |
|
|
|
.u-section-1 .u-text-2 { |
|
margin-right: calc(((100% - 1140px) / 2) + 210px); |
|
margin-left: calc(((100% - 1140px) / 2) + 291px); |
|
} |
|
} |
|
|
|
@media (max-width: 767px) { |
|
.u-section-1 { |
|
min-height: 782px; |
|
} |
|
|
|
.u-section-1 .u-image-1 { |
|
margin-left: calc(((100% - 1140px) / 2) + 103px); |
|
} |
|
|
|
.u-section-1 .u-text-1 { |
|
font-size: 1.875rem; |
|
width: 540px; |
|
margin-left: calc(((100% - 1140px) / 2) + 300px); |
|
margin-right: calc(((100% - 1140px) / 2) + 300px); |
|
} |
|
|
|
.u-section-1 .u-text-2 { |
|
width: 540px; |
|
margin-left: calc(((100% - 1140px) / 2) + 300px); |
|
margin-right: calc(((100% - 1140px) / 2) + 300px); |
|
} |
|
} |
|
|
|
@media (max-width: 575px) { |
|
.u-section-1 { |
|
min-height: 680px; |
|
} |
|
|
|
.u-section-1 .u-image-1 { |
|
width: 340px; |
|
height: 232px; |
|
margin-left: calc(((100% - 1140px) / 2) + 203px); |
|
} |
|
|
|
.u-section-1 .u-text-1 { |
|
font-size: 1.5rem; |
|
width: 340px; |
|
margin-left: calc(((100% - 1140px) / 2) + 400px); |
|
margin-right: calc(((100% - 1140px) / 2) + 400px); |
|
} |
|
|
|
.u-section-1 .u-text-2 { |
|
width: 340px; |
|
margin-left: calc(((100% - 1140px) / 2) + 400px); |
|
margin-right: calc(((100% - 1140px) / 2) + 400px); |
|
} |
|
} .u-section-2 { |
|
background-image: linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url("images/268769830-0.jpeg"); |
|
background-position: 50% 50%; |
|
} |
|
|
|
.u-section-2 .u-sheet-1 { |
|
min-height: 823px; |
|
} |
|
|
|
.u-section-2 .u-text-1 { |
|
font-size: 6rem; |
|
font-weight: 700; |
|
margin: 200px auto 0; |
|
} |
|
|
|
.u-section-2 .u-text-2 { |
|
font-size: 1.75rem; |
|
margin: 30px 0 0; |
|
} |
|
|
|
.u-section-2 .u-btn-1 { |
|
background-image: none; |
|
text-transform: uppercase; |
|
font-weight: 700; |
|
margin: 39px auto 60px; |
|
} |
|
|
|
@media (max-width: 1199px) { |
|
.u-section-2 .u-sheet-1 { |
|
min-height: 679px; |
|
} |
|
|
|
.u-section-2 .u-text-1 { |
|
font-size: 4.5rem; |
|
} |
|
} |
|
|
|
@media (max-width: 991px) { |
|
.u-section-2 .u-sheet-1 { |
|
min-height: 520px; |
|
} |
|
} |
|
|
|
@media (max-width: 767px) { |
|
.u-section-2 .u-sheet-1 { |
|
min-height: 390px; |
|
} |
|
|
|
.u-section-2 .u-text-1 { |
|
font-size: 3.75rem; |
|
} |
|
} |
|
|
|
@media (max-width: 575px) { |
|
.u-section-2 .u-sheet-1 { |
|
min-height: 246px; |
|
} |
|
|
|
.u-section-2 .u-text-1 { |
|
font-size: 3rem; |
|
} |
|
} |