.addonPane {
  height: 100%;
  width: 100%;
  padding: 20px;
  position: relative;
  font-family: brandon-grotesque-medium, sans-serif;
  font-size: 60px;
  color: #fce432;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1443px) {
  .addonPane {
    padding: 15px 15px;
  }
}
@media (max-width: 1280px) {
  .addonPane {
    padding: 12.8px 13.2px;
  }
}
@media (max-width: 1024px) {
  .addonPane {
    padding: 14.2px 10.6px;
  }
}
.addonPane h1 {
  width: 100%;
  color: #fce432;
  position: absolute;
  top: -50px;
}
@media (max-width: 1443px) {
  .addonPane h1 {
    top: -37.5px;
  }
}
@media (max-width: 1280px) {
  .addonPane h1 {
    top: -32px;
  }
}
@media (max-width: 1024px) {
  .addonPane h1 {
    top: -35.5px;
  }
}
.addonPane .layoutFlexContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.addonPane .layoutFlexContainer .topSection {
  flex: 0 1 auto;
}
.addonPane .layoutFlexContainer .middleSection {
  flex: 1;
  height: 100%;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  padding: 10px;
  display: flex;
  overflow: hidden;
}
@media (max-width: 1443px) {
  .addonPane .layoutFlexContainer .middleSection {
    padding: 7.5px 7.5px;
  }
}
@media (max-width: 1280px) {
  .addonPane .layoutFlexContainer .middleSection {
    padding: 6.4px 6.6px;
  }
}
@media (max-width: 1024px) {
  .addonPane .layoutFlexContainer .middleSection {
    padding: 7.1px 5.3px;
  }
}
.addonPane .layoutFlexContainer .bottomSection {
  flex: 0 0;
  flex-basis: 93px;
  padding: 20px 0;
}
@media (max-width: 1443px) {
  .addonPane .layoutFlexContainer .bottomSection {
    flex-basis: 69.75px;
  }
}
@media (max-width: 1280px) {
  .addonPane .layoutFlexContainer .bottomSection {
    flex-basis: 59.52px;
  }
}
@media (max-width: 1024px) {
  .addonPane .layoutFlexContainer .bottomSection {
    flex-basis: 66.03px;
  }
}
@media (max-width: 1443px) {
  .addonPane .layoutFlexContainer .bottomSection {
    padding: 15px 0;
  }
}
@media (max-width: 1280px) {
  .addonPane .layoutFlexContainer .bottomSection {
    padding: 12.8px 0;
  }
}
@media (max-width: 1024px) {
  .addonPane .layoutFlexContainer .bottomSection {
    padding: 14.2px 0;
  }
}
@media (max-width: 1443px) {
  .addonPane {
    font-size: 45px;
  }
}
@media (max-width: 1280px) {
  .addonPane {
    font-size: 38.4px;
  }
}
@media (max-width: 1024px) {
  .addonPane {
    font-size: 42.6px;
  }
}