.featured-races-image > img {
  width: 100%;
}

.history-container {
  margin-bottom: 1.5rem;
}
.history-container .history-content {
  padding: 3rem 1.5rem;
  border-radius: 1.5rem;
}
.history-container .history-content .history-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: inherit;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 1.5rem;
}
.history-container .history-content .history-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: inherit;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: center;
}
@media (max-width: 575px) {
  .history-container .history-content {
    padding: 2rem 0.75rem;
  }
}

.races-container {
  padding: 3rem 0rem;
}
.races-container .races-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.races-container .races-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.races-container .races-description > a {
  color: #1a1a1a;
}
.races-container .races-accordion .accordion-item {
  margin-bottom: 0.75rem;
}
.races-container .races-accordion .accordion-item .race-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.75rem;
}
.races-container .races-accordion .accordion-item .race-header .accordion-button {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(24px + (28 - 24) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  padding: 1.5rem 3rem 1.5rem 1.5rem;
  width: 100%;
/*  width: calc(100% - calc(120px + (350 - 120) * (100vw - 320px) / (1920 - 320)));*/
}
.races-container .races-accordion .accordion-item .race-header .accordion-button > span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(44px + (58 - 44) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 1px;
  text-align: left;
  margin-right: 1.5rem;
  min-width: 60px;
}
.races-container .races-accordion .accordion-item .race-header .accordion-button.collapsed::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;

  display: inline-block;
  content: "";
  border: 1px solid #ffffff;
  border-width: 0 0 0.2rem 0.2rem;
  width: 0.75rem;
  height: 0.75rem;

  -webkit-transform: translate(-50%, 0%) rotate(135deg);
  -ms-transform: translate(-50%, 0%) rotate(135deg);
  -o-transform: translate(-50%, 0%) rotate(135deg);
  transform: translate(-50%, 0%) rotate(135deg);
}
.races-container .races-accordion .accordion-item .race-header .accordion-button:not(.collapsed)::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;

  display: inline-block;
  content: "";
  border: 1px solid #ffffff;
  border-width: 0 0 0.2rem 0.2rem;
  width: 0.75rem;
  height: 0.75rem;

  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.races-container .races-accordion .accordion-item .race-header .accordion-button:not(.collapsed) {
  margin-left: 0rem;
  margin-right: 0rem;
  width: 100%;
}
.races-container .races-accordion .accordion-item .accordion-collapse {
  padding: 0rem 0.75rem;
}
.races-container .races-accordion .accordion-item .race-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.races-container .races-accordion .accordion-item .race-content {
  padding: 1.5rem 0rem;
}
.races-container .races-accordion .accordion-item .race-content .table {
  table-layout: fixed;
  background-color: #ffffff;
  width: 100%;
  border: 1px solid #1a1a1a;
  margin: 0.75rem 0rem;
}
.races-container .races-accordion .accordion-item .race-content .table > tbody > tr > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #1a1a1a;
  padding: 0.75rem 1rem;
  width: 100%;
}
.races-container .races-accordion .race-image > img {
  width: 100%;
}
@media (max-width: 767px) {
  .races-container {
    padding: 1.5rem 0rem;
  }
}
@media (max-width: 575px) {
  .races-container .races-accordion .accordion-item .race-header .accordion-button {
    padding: 1rem 3.5rem 1rem 1rem;
  }
  .races-container .races-accordion .accordion-item .race-header .accordion-button > span {
    margin-right: 0.75rem;
  }
  .races-container .races-accordion .accordion-item .race-header .accordion-button.collapsed::after {
    margin-right: 0.75rem;
    width: 0.5rem;
    height: 0.5rem;
  }
  .races-container .races-accordion .accordion-item:nth-child .race-header .accordion-button {
    margin-right: 0.5rem;
  }
  .races-container .races-accordion .accordion-item .race-content .table > tbody > tr > td {
    display: block;
    padding: 0.375rem 0.75rem;
  }
}

.track-information-container {
  padding: 3rem 0rem;
}
.track-information-container .track-information-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.track-information-container .track-information-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.track-information-container .track-information-description > a {
  color: #1a1a1a;
}
.track-information-container .track-information-disclaimer {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(10px + (12 - 10) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(20px + (22 - 20) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}

.track-information-container .track-information {
  display: flex;
/*  padding-bottom: 3rem;*/
}
.track-information-container .track-information.track-information-menu {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0 3rem;
}
.track-information-container .track-information.track-information-column {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0 3rem;
}
.track-information-container .track-information.track-information-row {
  display: flex;
  flex-direction: row;
/*  padding-bottom: 3rem;*/
}
.track-information-container .track-information .track-information-content {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}
.track-information-container .track-information.track-information-menu > .track-information-content {
  width: 100%;
  padding: 1.5rem;
  margin-top: 0.75rem;
}
.track-information-container .track-information.track-information-column .track-information-content {
  width: 100%;
  padding: 1.5rem;
  margin-top: 0.75rem;
}
.track-information-container .track-information.track-information-row .track-information-content {
  width: calc(100% - 300px);
  padding: 1.5rem;
  margin-left: 0.75rem;
}
.track-information-container .track-information .track-information-content .track-information-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.track-information-container .track-information .track-information-content .track-information-description .track-information-sub-text {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(24px + (28 - 24) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.track-information-container .track-information .track-information-content .track-information-description .track-information-type {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #89c63f;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}
.track-information-container .track-information .track-information-content .track-information-description .track-information-major-races {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.track-information-container .track-information-description .table {
  width: auto;
  border: 1px solid #1a1a1a;
  margin: 0.75rem 0rem;
}
.track-information-container .track-information-description .table > thead > tr > th {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #1a1a1a;
  padding: 0.3rem 0.75rem;
}
.track-information-container .track-information-description .table > tbody > tr > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: 1px solid #1a1a1a;
  padding: 0.3rem 0.75rem;
}
.track-information-container .track-information .track-information-content .track-information-description > img {
  width: 100%;
}
.track-information-container .track-information .track-information-tabs {
  width: 250px;
  margin-left: 0.75rem;
}
.track-information-container .track-information.track-information-menu .track-information-tabs {
  width: 100%;
  margin-left: 0rem;
}
.track-information-container .track-information.track-information-row .track-information-tabs {
  width: calc(300px - 0.75rem);
  margin-left: 0rem;
  margin-right: 0.75rem;
}
.track-information-container .track-information.track-information-column .track-information-tabs {
  width: 100%;
  margin-left: 0rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs {
  display: flex;
  border: none;
}
.track-information-container .track-information.track-information-menu .track-information-tabs .nav-tabs .nav-item {
  cursor: pointer;
  margin-right: 0.75rem;
}
.track-information-container .track-information.track-information-row .track-information-tabs .nav-tabs .nav-item {
  cursor: pointer;
  width: 100%;
}
.track-information-container .track-information.track-information-column .track-information-tabs .nav-tabs .nav-item {
  cursor: pointer;
  margin-right: 0.75rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(14px + (16 - 14) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(24px + (26 - 24) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  padding: 1rem 1.5rem;
  margin-bottom: 0.75rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item:last-child .nav-link {
  margin-bottom: 0rem;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link > span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(44px + (58 - 44) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-right: 0.75rem;
  width: 60px;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link.active {
  color: #ffffff;
}
.track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link.active > span {
  color: #ffffff;
}
@media (max-width: 767px) {
  .track-information-container {
    padding: 1.5rem 0rem;
  }
  .track-information-container .track-information .track-information-content {
    width: calc(100% - 200px);
  }
  .track-information-container .track-information .track-information-tabs {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .track-information-container .track-information {
    flex-direction: column-reverse !important;
  }
  .track-information-container .track-information.track-information-menu {
    flex-direction: column !important;
  }
  .track-information-container .track-information.track-information-column .track-information-content {
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 0.75rem;
  }
  .track-information-container .track-information.track-information-column .track-information-tabs {
    width: 100%;
    margin-right: 0rem;
    margin-top: 0.75rem;
  }
  .track-information-container .track-information.track-information-column .track-information-tabs .nav-tabs .nav-item {
    width: 100%;
    margin-right: 0rem;
  }
  .track-information-container .track-information.track-information-row .track-information-content {
    width: 100%;
    margin-left: 0rem;
    margin-bottom: 0.75rem;
  }
  .track-information-container .track-information.track-information-menu .track-information-tabs {
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 0.75rem;
  }
  .track-information-container .track-information .track-information-tabs .nav-tabs .nav-item .nav-link {
    padding: 0.75rem 1rem;
  }
}
@media (max-width: 414px) {
  .track-information-container .track-information.track-information-menu .track-information-tabs .nav-tabs .nav-item {
    width: 100%;
    margin-right: 0rem;
  }
}

.ranking-container {
  padding: 3rem 0rem;
}
.ranking-container .ranking-title {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  color: #1a1a1a;
  line-height: calc(34px + (48 - 34) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1.5rem;
}
.ranking-container .ranking-accordion .accordion-item {
  margin-bottom: 0.75rem;
}
.ranking-container .ranking-accordion .accordion-item .ranking-header {
  display: flex;
  margin-bottom: 0.75rem;
}
.ranking-container .ranking-accordion .accordion-item:nth-child(odd) .ranking-header {
  flex-direction: row;
}
.ranking-container .ranking-accordion .accordion-item:nth-child(even) .ranking-header {
  flex-direction: row-reverse;
}
.ranking-container .ranking-accordion .accordion-item .ranking-header .accordion-button {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 500;
  font-size: calc(14px + (28 - 14) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(24px + (38 - 24) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  padding: 1.5rem 1.5rem;
  width: 100%;
/*  width: calc(100% - calc(120px + (350 - 120) * (100vw - 320px) / (1920 - 320)));*/
}
.ranking-container .ranking-accordion .accordion-item:nth-child(odd) .ranking-header .accordion-button {
  background-color: #e24a47;
/*  margin-right: 0.75rem;*/
}
.ranking-container .ranking-accordion .accordion-item:nth-child(even) .ranking-header .accordion-button {
  background-color: #f57900;
/*  margin-left: 0.75rem;*/
}
.ranking-container .ranking-accordion .accordion-item .ranking-header .accordion-button.collapsed::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;

  display: inline-block;
  content: "";
  border: 1px solid #ffffff;
  border-width: 0 0 0.2rem 0.2rem;
  width: 0.75rem;
  height: 0.75rem;

  -webkit-transform: translate(-50%, 0%) rotate(135deg);
  -ms-transform: translate(-50%, 0%) rotate(135deg);
  -o-transform: translate(-50%, 0%) rotate(135deg);
  transform: translate(-50%, 0%) rotate(135deg);
}
.ranking-container .ranking-accordion .accordion-item .ranking-header .accordion-button:not(.collapsed)::after {
  position: absolute;
  top: 50%;
  right: 1.5rem;

  display: inline-block;
  content: "";
  border: 1px solid #ffffff;
  border-width: 0 0 0.2rem 0.2rem;
  width: 0.75rem;
  height: 0.75rem;

  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ranking-container .ranking-accordion .accordion-item .ranking-header .accordion-button:not(.collapsed) {
  margin-left: 0rem;
  margin-right: 0rem;
  width: 100%;
}
.ranking-container .ranking-accordion .accordion-item .ranking-header .accordion-button:not(.collapsed) ~ .accordion-image {
  display: none;
}
.ranking-container .ranking-accordion .accordion-item .ranking-header .accordion-image {
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  width: calc(120px + (350 - 120) * (100vw - 320px) / (1920 - 320));
  height: calc(80px + (200 - 80) * (100vw - 320px) / (1920 - 320));
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}
.ranking-container .ranking-accordion .accordion-item:nth-child(odd) .ranking-header .accordion-image {
  margin-left: 0.75rem;
}
.ranking-container .ranking-accordion .accordion-item:nth-child(even) .ranking-header .accordion-image {
  margin-right: 0.75rem;
}
.ranking-container .ranking-accordion .accordion-item .accordion-collapse {
  padding: 0.75rem 0.75rem 1.5rem;
}

.ranking-container .ranking-accordion .accordion-item .ranking-table {
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.ranking-container .ranking-accordion .accordion-item .ranking-table .table {
  margin: 0px;
}
.ranking-container .ranking-accordion .accordion-item .ranking-table .table > thead > tr > th {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
  font-weight: 700;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #ffffff;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  padding: 0.75rem 1rem;
  border: none;
  vertical-align: middle;
}
.ranking-container .ranking-accordion .accordion-item .ranking-table .table > tbody > tr > td {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
  padding: 0.375rem 0.75rem;
  border: none;
  vertical-align: top;
}
.ranking-container .ranking-accordion .accordion-item .ranking-table .table > tbody > tr > td > span {
  font-family: "Poppins Bold", "Roboto Bold", arial, sans-serif;
}
.ranking-container .ranking-description {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}
.ranking-container .ranking-description > a {
  font-family: "Poppins", "Roboto", arial, sans-serif;
  font-weight: 500;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
  letter-spacing: 0px;
  text-align: left;
}