/*colours */
/*Light Green*/
/*Dark Green*/
/*Light Gray*/
/*Mid Gray*/
/*Dark Gray*/
/* ---- ways_to_fundraise section --- */
/* -- end ways_to_fundraise section ---*/
/*----------- media queries ------------------ */
/*End media queries*/
/*Fonts*/
/*global positioning styles*/
.no-padd-l {
  padding-left: 0px !important;
}

.no-padd-r {
  padding-right: 0px !important;
}

.max-container {
  max-width: 1024px !important;
  margin: 0 auto;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 01/10/2015, 11:32:01 AM
    Author     : mycauseoffice
*/
/*Borders*/
/*buttons*/
/*spacing*/
/*Special effects*/
/* heading styles */
/* standard link boxes */
/** ellipses */
/** rotate **/
/*** arrows */
/* round thumd nails */
/* media queries */
/* partner blog */
/*--------- flex mixins ---------- */
/*
    Flex direction
 */
/*
    Flex wrap
 */
/*
    Justify content
 */
/*
    Align items
 */
/*
    Align self
 */
/*
    Align content
 */
/*
    Flex flow
 */
/*
    Order
 */
/*
    Flex grow
 */
/*
    Flex shrink
 */
/*
    Flex basis
 */
/*
    Flex
 */
@font-face {
  font-family: "ff-justlefthand-web";
  src: url("../fonts/ffjustlefthand-webfont.eot");
  src: url("../fonts/ffjustlefthand-webfont.eot") format("embedded-opentype"), url("../fonts/ffjustlefthand-webfont.woff") format("woff"), url("../fonts/ffjustlefthand-webfont.ttf") format("truetype"), url("../fonts/ffjustlefthand-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-regular";
  src: url("../fonts/montserrat-regular-webfont.eot");
  src: url("../fonts/montserrat-regular-webfont.eot") format("embedded-opentype"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat-regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fonts_limited";
  src: url("../fonts_limited/fonts/icomoon.eot");
  src: url("../fonts_limited/fonts/icomoon.eot") format("embedded-opentype"), url("../fonts_limited/fonts/icomoon.woff") format("woff"), url("../fonts_limited/fonts/icomoon.ttf") format("truetype"), url("../fonts_limited/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat light */
@font-face {
  font-family: "Monsterrat-light";
  src: url("../fonts_limited/fonts/Montserrat-Light.otf");
  src: url("../fonts_limited/fonts/Montserrat-Light.otf") format("embedded-opentype"), url("../fonts_limited/fonts/Montserrat-Light.woff") format("woff"), url("../fonts_limited/fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat bold */
@font-face {
  font-family: "Monsterrat-Bold";
  src: url("../fonts_limited/fonts/Montserrat-Bold.otf");
  src: url("../fonts_limited/fonts/Montserrat-Bold.otf") format("embedded-opentype"), url("../fonts_limited/fonts/Montserrat-Bold.woff") format("woff"), url("../fonts_limited/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat alternate regular */
@font-face {
  font-family: "MontserratAlternates-Regular";
  src: url("../fonts_limited/fonts/MontserratAlternates-Regular.otf");
  src: url("../fonts_limited/fonts/MontserratAlternates-Regular.otf") format("embedded-opentype"), url("../fonts_limited/fonts/MontserratAlternates-Regular.woff") format("woff"), url("../fonts_limited/fonts/MontserratAlternates-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat alernate bold */
@font-face {
  font-family: "MontserratAlternates-Bold";
  src: url("../fonts_limited/fonts/MontserratAlternates-Bold.otf");
  src: url("../fonts_limited/fonts/MontserratAlternates-Bold.otf") format("embedded-opentype"), url("../fonts_limited/fonts/MontserratAlternates-Bold.woff") format("woff"), url("../fonts_limited/fonts/MontserratAlternates-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*retrosans*/
@font-face {
  font-family: "RetroSans";
  src: url("../fonts_limited/fonts/RetroSans.ttf");
  src: url("../fonts_limited/fonts/RetroSans.eot") format("embedded-opentype"), url("../fonts_limited/fonts/RetroSans.woff") format("woff"), url("../fonts_limited/fonts/RetroSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*gotham medium*/
@font-face {
  font-family: "Gotham-medium";
  src: url("/workflows/application/resources/css/fonts_limited/fonts/gotham-medium.eot");
  src: url("../fonts_limited/fonts/gotham-medium.eot") format("embedded-opentype"), url("../fonts_limited/fonts/gotham-medium.woff") format("woff"), url("../fonts_limited/fonts/gotham-medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Museosans rounded*/
@font-face {
  font-family: "Market-regular";
  src: url("../fonts_limited/fonts/market-regular.eot");
  src: url("../fonts_limited/fonts/market-regular.eot") format("embedded-opentype"), url("../fonts_limited/fonts/market-regular.woff") format("woff"), url("../fonts_limited/fonts/market-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Museosans rounded*/
@font-face {
  font-family: "Museo-100";
  src: url("../fonts_limited/fonts/MuseoSansRounded-100.otf");
  src: url("../fonts_limited/fonts/MuseoSansRounded-100.eot") format("embedded-opentype"), url("../fonts_limited/fonts/MuseoSansRounded-100.woff") format("woff"), url("../fonts_limited/fonts/MuseoSansRounded-100.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Museosans rounded*/
@font-face {
  font-family: "Museo-300";
  src: url("../fonts_limited/fonts/MuseoSansRounded-300.otf");
  src: url("../fonts_limited/fonts/MuseoSansRounded-300.eot") format("embedded-opentype"), url("../fonts_limited/fonts/MuseoSansRounded-300.woff") format("woff"), url("../fonts_limited/fonts/MuseoSansRounded-300.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.override_max_width {
  max-width: 100% !important;
}

.top-nav-bar {
  background-color: #9ce5f2;
}
.top-nav-bar img {
  float: left;
  width: 150px;
}
@media only screen and (max-width: 60em) {
  .top-nav-bar img {
    padding-left: 10px;
  }
}
.top-nav-bar ul {
  list-style: none;
  text-align: right;
  height: 78px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 60em) {
  .top-nav-bar ul {
    height: 60px;
  }
}
.top-nav-bar ul li {
  display: inline-block;
  line-height: 5;
}
@media only screen and (max-width: 60em) {
  .top-nav-bar ul li {
    line-height: 4;
  }
}
.top-nav-bar ul li a {
  font-family: RetroSans;
  color: #ffffff;
  letter-spacing: 1px;
  padding: 35px 10px;
}
@media only screen and (max-width: 60em) {
  .top-nav-bar ul li a {
    padding: 35px 5px;
  }
}
.top-nav-bar ul li a:hover {
  background-color: #e00632;
}

.sub-top-bar .top-bar-section ul li a {
  font-family: RetroSans !important;
  font-size: 20px !important;
  background: none;
  letter-spacing: 2px;
}

#event_menu li a {
  color: #e8003d !important;
}

/*colours */
/*Light Green*/
/*Dark Green*/
/*Light Gray*/
/*Mid Gray*/
/*Dark Gray*/
/* ---- ways_to_fundraise section --- */
/* -- end ways_to_fundraise section ---*/
/*----------- media queries ------------------ */
/*End media queries*/
/*Fonts*/
/*global positioning styles*/
.no-padd-l {
  padding-left: 0px !important;
}

.no-padd-r {
  padding-right: 0px !important;
}

.max-container {
  max-width: 1024px !important;
  margin: 0 auto;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 01/10/2015, 11:32:01 AM
    Author     : mycauseoffice
*/
/*Borders*/
/*buttons*/
/*spacing*/
/*Special effects*/
/* heading styles */
/* standard link boxes */
/** ellipses */
/** rotate **/
/*** arrows */
/* round thumd nails */
/* media queries */
/* partner blog */
/*--------- flex mixins ---------- */
/*
    Flex direction
 */
/*
    Flex wrap
 */
/*
    Justify content
 */
/*
    Align items
 */
/*
    Align self
 */
/*
    Align content
 */
/*
    Flex flow
 */
/*
    Order
 */
/*
    Flex grow
 */
/*
    Flex shrink
 */
/*
    Flex basis
 */
/*
    Flex
 */
@font-face {
  font-family: "ff-justlefthand-web";
  src: url("../fonts/ffjustlefthand-webfont.eot");
  src: url("../fonts/ffjustlefthand-webfont.eot") format("embedded-opentype"), url("../fonts/ffjustlefthand-webfont.woff") format("woff"), url("../fonts/ffjustlefthand-webfont.ttf") format("truetype"), url("../fonts/ffjustlefthand-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-regular";
  src: url("../fonts/montserrat-regular-webfont.eot");
  src: url("../fonts/montserrat-regular-webfont.eot") format("embedded-opentype"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat-regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fonts_limited";
  src: url("../fonts_limited/fonts/icomoon.eot");
  src: url("../fonts_limited/fonts/icomoon.eot") format("embedded-opentype"), url("../fonts_limited/fonts/icomoon.woff") format("woff"), url("../fonts_limited/fonts/icomoon.ttf") format("truetype"), url("../fonts_limited/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat light */
@font-face {
  font-family: "Monsterrat-light";
  src: url("../fonts_limited/fonts/Montserrat-Light.otf");
  src: url("../fonts_limited/fonts/Montserrat-Light.otf") format("embedded-opentype"), url("../fonts_limited/fonts/Montserrat-Light.woff") format("woff"), url("../fonts_limited/fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat bold */
@font-face {
  font-family: "Monsterrat-Bold";
  src: url("../fonts_limited/fonts/Montserrat-Bold.otf");
  src: url("../fonts_limited/fonts/Montserrat-Bold.otf") format("embedded-opentype"), url("../fonts_limited/fonts/Montserrat-Bold.woff") format("woff"), url("../fonts_limited/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat alternate regular */
@font-face {
  font-family: "MontserratAlternates-Regular";
  src: url("../fonts_limited/fonts/MontserratAlternates-Regular.otf");
  src: url("../fonts_limited/fonts/MontserratAlternates-Regular.otf") format("embedded-opentype"), url("../fonts_limited/fonts/MontserratAlternates-Regular.woff") format("woff"), url("../fonts_limited/fonts/MontserratAlternates-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Monsterrat alernate bold */
@font-face {
  font-family: "MontserratAlternates-Bold";
  src: url("../fonts_limited/fonts/MontserratAlternates-Bold.otf");
  src: url("../fonts_limited/fonts/MontserratAlternates-Bold.otf") format("embedded-opentype"), url("../fonts_limited/fonts/MontserratAlternates-Bold.woff") format("woff"), url("../fonts_limited/fonts/MontserratAlternates-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*retrosans*/
@font-face {
  font-family: "RetroSans";
  src: url("../fonts_limited/fonts/RetroSans.ttf");
  src: url("../fonts_limited/fonts/RetroSans.eot") format("embedded-opentype"), url("../fonts_limited/fonts/RetroSans.woff") format("woff"), url("../fonts_limited/fonts/RetroSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*gotham medium*/
@font-face {
  font-family: "Gotham-medium";
  src: url("/workflows/application/resources/css/fonts_limited/fonts/gotham-medium.eot");
  src: url("../fonts_limited/fonts/gotham-medium.eot") format("embedded-opentype"), url("../fonts_limited/fonts/gotham-medium.woff") format("woff"), url("../fonts_limited/fonts/gotham-medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Museosans rounded*/
@font-face {
  font-family: "Market-regular";
  src: url("../fonts_limited/fonts/market-regular.eot");
  src: url("../fonts_limited/fonts/market-regular.eot") format("embedded-opentype"), url("../fonts_limited/fonts/market-regular.woff") format("woff"), url("../fonts_limited/fonts/market-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Museosans rounded*/
@font-face {
  font-family: "Museo-100";
  src: url("../fonts_limited/fonts/MuseoSansRounded-100.otf");
  src: url("../fonts_limited/fonts/MuseoSansRounded-100.eot") format("embedded-opentype"), url("../fonts_limited/fonts/MuseoSansRounded-100.woff") format("woff"), url("../fonts_limited/fonts/MuseoSansRounded-100.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Museosans rounded*/
@font-face {
  font-family: "Museo-300";
  src: url("../fonts_limited/fonts/MuseoSansRounded-300.otf");
  src: url("../fonts_limited/fonts/MuseoSansRounded-300.eot") format("embedded-opentype"), url("../fonts_limited/fonts/MuseoSansRounded-300.woff") format("woff"), url("../fonts_limited/fonts/MuseoSansRounded-300.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.high_on_heels_background {
  background-image: url("/workflows/application/resources/images/high_on_heels/background.jpg");
  background-size: cover;
  height: 670px;
}
@media only screen and (max-width: 60em) {
  .high_on_heels_background {
    height: 600px;
  }
}
.high_on_heels_background {
  width: 100%;
}

.high_on_heels_dark {
  background-color: #000000;
  height: 670px;
}
@media only screen and (max-width: 60em) {
  .high_on_heels_dark {
    height: 600px;
  }
}
.high_on_heels_dark {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
}

.middle-section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 25px;
  color: #ffffff;
}
.middle-section .heading-1 {
  margin-top: 100px;
  font-size: 20px;
  font-family: Gotham-medium;
}
@media only screen and (max-width: 60em) {
  .middle-section .heading-1 {
    margin-top: 50px;
    font-size: 14px;
  }
}
.middle-section .heading-2 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 44px;
  font-family: RetroSans;
  letter-spacing: 5px;
}
@media only screen and (max-width: 60em) {
  .middle-section .heading-2 {
    font-size: 20px;
  }
}
.middle-section .heading-2 span {
  font-weight: normal;
}
@media only screen and (min-width: 60em) {
  .middle-section .three-icons {
    padding-top: 30px;
  }
}
.middle-section .total {
  margin-top: 110px;
  background-color: #e00632;
  font-size: 24px;
  padding: 15px 0px;
}
@media only screen and (max-width: 60em) {
  .middle-section .total {
    margin-top: 50px;
  }
}
.middle-section .total .total_raised {
  text-align: right;
}
.middle-section .total .total_raised span {
  font-family: RetroSans;
}
@media only screen and (max-width: 60em) {
  .middle-section .total .total_raised {
    text-align: center;
  }
}
.middle-section .total .goal {
  text-align: left;
}
.middle-section .total .goal span {
  font-family: RetroSans;
}
@media only screen and (max-width: 60em) {
  .middle-section .total .goal {
    text-align: center;
  }
}

.middle_buttons {
  margin-top: 45px;
}
.middle_buttons ul {
  list-type: none;
}
.middle_buttons ul li {
  display: inline-block;
  margin-right: 30px;
}
@media only screen and (max-width: 60em) {
  .middle_buttons ul li {
    margin-bottom: 60px;
  }
}
.middle_buttons ul li .register-button {
  padding: 20px 10px;
  background-color: #e00632;
  font-family: RetroSans;
  letter-spacing: 1px;
}
.middle_buttons ul li .sponsor-button {
  padding: 20px 54px;
  background-color: #e8572e;
  font-family: RetroSans;
  letter-spacing: 1px;
}

.vision_text {
  float: left;
  text-align: right;
  color: #ffffff;
}
.vision_text .vision_box {
  text-align: center;
  font-family: Gotham-medium;
  line-height: 22px;
  font-size: 18px;
  padding: 10px 0px;
  margin-top: 120px;
}
@media only screen and (min-width: 60em) {
  .vision_text .vision_box {
    width: 215px;
    float: right;
    margin-right: 100px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }
}
@media only screen and (max-width: 60em) {
  .vision_text .vision_box {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}

.vision_image {
  background-image: url("/workflows/application/resources/images/high_on_heels/vision.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  float: left;
}

.general_heading {
  font-size: 24px;
  text-align: center;
  font-family: RetroSans;
  letter-spacing: 1px;
}
@media only screen and (max-width: 60em) {
  .general_heading {
    font-size: 18px;
  }
}

.about_video {
  height: 350px;
}

.about_wf {
  height: auto;
}

.about_high_heel {
  background-color: #ffffff;
}
.about_high_heel .general_heading {
  color: #e00632;
  margin-top: 40px;
}
.about_high_heel .about_high_heel_image {
  background-image: url("/workflows/application/resources/images/high_on_heels/high_heels.png");
  background-repeat: no-repeat;
  height: 120px;
  margin-top: 45px;
}
@media only screen and (min-width: 60em) {
  .about_high_heel .about_high_heel_text {
    margin-bottom: 50px;
    float: left !important;
  }
}
.about_high_heel .about_high_heel_text p {
  font-family: Gotham-medium;
  text-align: justify;
}
.about_high_heel .about_high_heel_text p a {
  color: #e00632;
}

.seperator {
  text-align: center;
  font-family: RetroSans;
  color: white;
  background-color: #9ce5f2;
  font-size: 22px;
  letter-spacing: 1px;
  padding: 15px 0px 10px 0px;
}

.about_warwick_foundation {
  background-color: #e8572e;
}
.about_warwick_foundation .general_heading {
  color: #ffffff;
  margin-top: 40px;
  border-bottom: 3px solid #ffffff;
  padding-bottom: 10px;
}
@media only screen and (max-width: 60em) {
  .about_warwick_foundation .general_heading {
    margin-top: 20px;
  }
}
.about_warwick_foundation .about_warwick_foundation_text {
  padding-top: 10px;
  border-top: 3px solid #ffffff;
}
@media only screen and (min-width: 60em) {
  .about_warwick_foundation .about_warwick_foundation_text {
    padding-bottom: 20px;
  }
}
.about_warwick_foundation .about_warwick_foundation_text p {
  color: #ffffff;
  text-align: center;
  font-family: Gotham-medium;
}

.member_stories {
  background-color: #ffffff;
}
.member_stories .general_heading {
  border-bottom: 3px solid #e8572e;
  margin-top: 40px;
  color: #e8572e;
  padding-bottom: 10px;
}
@media only screen and (max-width: 60em) {
  .member_stories .general_heading {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 60em) {
  .member_stories .member_stories_text {
    padding-top: 10px;
    padding-bottom: 50px;
  }
}
.member_stories .member_stories_text {
  margin-top: 20px;
  border-top: 3px solid #e8572e;
}

.registered {
  background-image: url("/workflows/application/resources/images/high_on_heels/registered.jpg");
  background-size: cover;
  height: 350px;
}
@media only screen and (max-width: 60em) {
  .registered {
    height: 300px;
    text-align: center;
  }
}
.registered .registered_text, .registered .record_text {
  font-size: 30px;
  color: white;
  font-family: RetroSans;
  text-align: center;
}
.registered .registered_text {
  margin-top: 100px;
}
@media only screen and (max-width: 60em) {
  .registered .registered_text {
    margin-top: 20px;
  }
}
.registered .record_text {
  margin-top: 20px;
}
@media only screen and (max-width: 60em) {
  .registered .middle_buttons .sponsor-button {
    padding: 20px 47px;
  }
}

.registered_background {
  height: 350px;
  position: absolute;
  width: 100%;
  background-color: #9ce5f2;
  opacity: 0.5;
}
@media only screen and (max-width: 60em) {
  .registered_background {
    height: 300px;
  }
}

.social_block .general_heading {
  color: #e00632;
}

.sp_block {
  background-color: #ffffff;
}
.sp_block .general_heading {
  color: #9ce5f2;
  margin-top: 40px;
}
@media only screen and (max-width: 60em) {
  .sp_block .general_heading {
    margin-top: 20px;
  }
}
.sp_block .sp_image {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 60em) {
  .sp_block .sp_image {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 60em) {
  .sp_block .sp_image .bendigo {
    position: absolute;
    top: 80px;
    right: 80px;
  }
}
@media only screen and (min-width: 60em) {
  .sp_block .sp_image .lanka {
    width: 80%;
    margin-top: 30px;
    margin-left: 50px;
  }
}
@media only screen and (max-width: 60em) {
  .sp_block .sp_image .be_dance_fit {
    width: 50%;
  }
}

.high_heel_footer {
  padding-bottom: 50px;
}
@media only screen and (max-width: 60em) {
  .high_heel_footer {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 60em) {
  .high_heel_footer img {
    width: 150px;
  }
}

.about_us_wrapper {
  background-color: #ffffff;
}

.general_heading {
  color: #e00632 !important;
  font-size: 36px;
  margin: 20px 0px;
}

.founder_image {
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 60em) {
  .founder_image img {
    width: 35%;
  }
}

p {
  font-family: Gotham-medium;
}

ul li p {
  margin-bottom: 0rem !important;
}

.high_race_media_icons {
  text-align: center;
}

.high_race_media_icons ul {
  height: 100px;
}
@media only screen and (max-width: 60em) {
  .high_race_media_icons ul {
    margin-left: 0rem !important;
  }
}
@media only screen and (min-width: 60em) {
  .high_race_media_icons ul {
    margin-left: -5rem !important;
  }
}
.high_race_media_icons ul li {
  display: inline-block;
}
@media only screen and (min-width: 60em) {
  .high_race_media_icons ul li {
    width: 150px;
  }
}
@media only screen and (max-width: 60em) {
  .high_race_media_icons ul li {
    width: 80px;
  }
}
.high_race_media_icons ul li img.seven_logo {
  width: 40%;
}
@media only screen and (min-width: 60em) {
  .high_race_media_icons ul li img.seven_logo {
    margin-left: 80px;
  }
}
@media only screen and (max-width: 60em) {
  .high_race_media_icons ul li img.nine {
    margin-left: -40px;
  }
}
@media only screen and (max-width: 60em) {
  .high_race_media_icons ul li img.cosmopoliton {
    margin-left: -25px;
  }
}
@media only screen and (max-width: 60em) {
  .high_race_media_icons ul li img.leader {
    margin-left: -10px;
  }
}