/** * content **/ .section.Content h2 { color: #006B89; text-transform: none; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 15px; } .section.Content h2:after { width: 100%; display: block; position: relative; left: 0px; top: -3px; content: url(https://www.markg166.sg-host.com/wp-content/uploads/2021/11/AOA-Line-o1.svg); } .section.Content p { margin-bottom: 30px; font-size: 15px; color: #6c6d6c; } /* Content responsive */ @media screen and (min-width: 1124px) and (max-width: 1350px) { .section.Content .large-9 { max-width: 70%!important; flex-basis: 70%!important; }} @media screen and (min-width: 1124px) and (max-width: 1350px) { .section.Content .large-3 { max-width: 30%!important; flex-basis: 30%!important; }} @media screen and (min-width: 965px) and (max-width: 1123px) { .section.Content .large-9 { max-width: 65%!important; flex-basis: 65%!important; }} @media screen and (min-width: 965px) and (max-width: 1123px) { .section.Content .large-3 { max-width: 35%!important; flex-basis: 35%!important; }} @media screen and (min-width: 850px) and (max-width: 964px) { .section.Content .large-9 { max-width: 60%!important; flex-basis: 60%!important; }} @media screen and (min-width: 850px) and (max-width: 964px) { .section.Content .large-3 { max-width: 40%!important; flex-basis: 40%!important; }} @media screen and (min-width: 0px) and (max-width: 849px) { .section.Content .large-9 { max-width: 100%!important; flex-basis: 100%!important; }} @media only screen and (min-width: 650px) and (max-width: 849px) { .section.Content .large-3 { display: block; margin-left: auto; margin-right: auto; max-width: 50%!important; flex-basis: 50%!important; }} @media screen and (min-width: 0px) and (max-width: 649px) { .section.Content .large-3 { max-width: 100%!important; flex-basis: 100%!important; }} @media screen and (min-width: 0px) and (max-width: 649px) { .section.Content h2 { font-size: 30px; line-height: 30px; }}