.about { margin-bottom: 168px; @media (min-width: 1720px) { margin-bottom: 188px; } @media (max-width: 1304.98px) { margin-bottom: 138px; } @media (max-width: 991.98px) { margin-bottom: 110px; } .title { margin-bottom: 60px; @media (min-width: 1720px) { margin-bottom: 49px; } @media (max-width: 1304.98px) { margin-bottom: 39px; } @media (max-width: 991.98px) { margin-bottom: 48px; } @media (max-width: 479.98px) { margin-bottom: 37px; } } &__grid { display: grid; grid-template-columns: repeat(2, 1fr); @media (max-width: 991.98px) { display: block; } } &__img { box-shadow: inset 18.19px 1.21px 18.19px 0 #FFFFFFCC, inset -18.19px -1.21px 18.19px 0 #4052801A, 48.5px 36.38px 36.38px 0 #6B7F9933; border-radius: 31px; margin-left: -20px; margin-top: 8px; @media (min-width: 1720px) { margin-top: 19px; } @media (max-width: 1304.98px) { margin-left: -10px; } @media (max-width: 991.98px) { margin-left: 0; margin-bottom: 49px; display: block; } @media (max-width: 479.98px) { margin-bottom: 38px; } } &__right { text-align: left; padding-top: 43px; padding-left: 50px; @media (min-width: 1720px) { padding-top: 90px; padding-left: 21px; } @media (max-width: 1304.98px) { padding-left: 11px; padding-top: 19px; } @media (max-width: 991.98px) { padding: 0 8px; text-align: center; } @media (max-width: 479.98px) { padding: 0; } &::after { content: ''; display: block; clear: both; } } &__half { max-width: 50%; float: left; @media (max-width: 991.98px) { max-width: initial; } &:last-child { padding-left: 16px; max-width: 47%; @media (max-width: 991.98px) { max-width: initial; padding-left: 0; } } } b { letter-spacing: 0.4px; @media (min-width: 1720px) { font-weight: 700; letter-spacing: 0; } @media (max-width: 479.98px) { letter-spacing: 0.9px; } } p { @media (min-width: 1720px) { margin-bottom: 39px; } } }