MetalClassificationSite / Главная.css
Pashtetuum's picture
Upload 46 files
9e0330c verified
.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;
}
}