.header-img {
margin-bottom: 4rem;
}
@media (max-width: 768px) {
.header-img {
margin-bottom: 2rem;
}
}
@media (max-width: 767px) {
.header-img .desktop-img {
display: none;
}
}
.header-img .mobile-img {
display: none;
text-align: center;
}
@media (max-width: 767px) {
.header-img .mobile-img {
display: block;
}
}
.hub-row {
list-style: none;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
margin: 0;
padding: 0;
}
@media (max-width: 1264px) {
.hub-row {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center; justify-content: center;
}
}
@media (max-width: 767px) {
.hub-row {
-o-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.hub-row li {
margin: 0 0.8rem 2rem;
}
.hub-row li:first-child {
margin-left: 0;
}
@media (max-width: 1264px) {
.hub-row li:first-child {
margin-left: 1.2rem;
}
}
@media (max-width: 767px) {
.hub-row li:first-child {
margin-left: 0;
}
}
.hub-row li:last-child {
margin-right: 0;
}
@media (max-width: 1264px) {
.hub-row li {
width: 33.8%;
}
}
@media (max-width: 991px) {
.hub-row li {
width: 40%;
}
}
@media (max-width: 767px) {
.hub-row li {
width: 100%;
tex...