website/static/css/custom.css
/* your custom css */ a { color: #1775d3;} a:active,a:hover { color: #194776;} a:active .headerTitleWithLogo,a:hover .headerTitleWithLogo { color: #fff;} Rule doesn't have all its properties in alphabetical order..gridBlock .twoByGridBlock { justify-content: center; align-items: center;} Rule doesn't have all its properties in alphabetical order..imageAlignSide .blockContent { max-width: 560px; margin-top: -30px;} /* Override text-align: left; */Heading (h2) should not be qualified..container .wrapper .imageAlignSide h2 { text-align: center;} @media (max-width: 400px) { .projectTitle { font-size: 230%; }} @media (max-width: 480px) { /* Override display: none; */ .headerTitleWithLogo {Use of !important display: block !important; }} @media only screen and (max-width: 900px) {Adjoining classes: .container.paddingTop .container.paddingTop { padding-top: 20px; } Rule doesn't have all its properties in alphabetical order. .imageAlignSide .blockContent { margin-top: 0; flex-basis: 400px; } .imageAlignSide .blockImage { display: block; margin-left: 0; margin-right: 0; }} @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {} @media only screen and (min-width: 1024px) {} @media only screen and (max-width: 1023px) {} @media only screen and (min-width: 1400px) {} @media only screen and (min-width: 1500px) {}