Описание
#Insta360X3 p { font-size: 14px; margin: 20px 0; } #Insta360X3 video { max-width: 100%; cursor: pointer; } #Insta360X3 h2 { font-size: 46px; font-weight: 600; } #Insta360X3 h3 { font-size: 24px; font-weight: 400; } #Insta360X3 h4 { font-size: 18px; margin: 20px 0; font-weight: 400; } #Insta360X3 h5 { font-size: 16px; margin: 20px 0; } #Insta360X3 .mt-2 { margin-top: 45px; } #Insta360X3 .mt-4 { margin-top: 70px; } #Insta360X3 .ff-medium { font-weight: 600; } #Insta360X3 .xs-text { font-size: 16px; color: #ff4258; } #Insta360X3 .text-center { text-align: center; } #Insta360X3 .main__image img { margin: 0 auto; border-radius: 25px; } #Insta360X3 .image-block img{ border-radius: 25px; } #Insta360X3 .prop__img { min-height: 60px; } #Insta360X3 .prop__img img { width: 200px; margin: 0 auto; } #Insta360X3 .props-block { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 25px; grid-column-gap: 25px; } #Insta360X3 .two-props { grid-template-columns: repeat(2, 1fr); } #Insta360X3 .one-props { grid-template-columns: repeat(1, 1fr); } #Insta360X3 .two-column { display: grid; grid-template-columns: 1fr 50%; align-items: center; grid-row-gap: 25px; grid-column-gap: 25px; } #Insta360X3 .text-justify { text-align: justify; } @media (max-width: 1024px) { } @media (max-width: 576px) { #Insta360X3 h2 { font-size: 34px; text-align: center; } #Insta360X3 h3 { font-size: 20px; text-align: center; } #Insta360X3 h4 { font-size: 16px; text-align: center; } #Insta360X3 h5 { font-size: 13px; text-align: center; } #Insta360X3 .mt-4 { margin-top: 45px; } #Insta360X3 .prop__img img { width: 100px; } #Insta360X3 .prop__img { min-height: 60px; } #Insta360X3 .props-block { grid-template-columns: repeat(2, 1fr); } #Insta360X3 .two-props { grid-template-columns: repeat(1, 1fr); } #Insta360X3 .two-column { grid-template-columns: 1fr; } #Insta360X3 .reverse { grid-row-start: 1; } #Insta360X3 .m-text-center { text-align: center; } #Insta360X3 .m-text-justify { text-align: justify; } } I
