/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; }
  html ::-webkit-scrollbar, body ::-webkit-scrollbar, div ::-webkit-scrollbar, span ::-webkit-scrollbar, applet ::-webkit-scrollbar, object ::-webkit-scrollbar, iframe ::-webkit-scrollbar,
  h1 ::-webkit-scrollbar, h2 ::-webkit-scrollbar, h3 ::-webkit-scrollbar, h4 ::-webkit-scrollbar, h5 ::-webkit-scrollbar, h6 ::-webkit-scrollbar, p ::-webkit-scrollbar, blockquote ::-webkit-scrollbar, pre ::-webkit-scrollbar,
  a ::-webkit-scrollbar, abbr ::-webkit-scrollbar, acronym ::-webkit-scrollbar, address ::-webkit-scrollbar, big ::-webkit-scrollbar, cite ::-webkit-scrollbar, code ::-webkit-scrollbar,
  del ::-webkit-scrollbar, dfn ::-webkit-scrollbar, em ::-webkit-scrollbar, img ::-webkit-scrollbar, ins ::-webkit-scrollbar, kbd ::-webkit-scrollbar, q ::-webkit-scrollbar, s ::-webkit-scrollbar, samp ::-webkit-scrollbar,
  small ::-webkit-scrollbar, strike ::-webkit-scrollbar, strong ::-webkit-scrollbar, sub ::-webkit-scrollbar, sup ::-webkit-scrollbar, tt ::-webkit-scrollbar, var ::-webkit-scrollbar,
  b ::-webkit-scrollbar, u ::-webkit-scrollbar, i ::-webkit-scrollbar, center ::-webkit-scrollbar,
  dl ::-webkit-scrollbar, dt ::-webkit-scrollbar, dd ::-webkit-scrollbar, ol ::-webkit-scrollbar, ul ::-webkit-scrollbar, li ::-webkit-scrollbar,
  fieldset ::-webkit-scrollbar, form ::-webkit-scrollbar, label ::-webkit-scrollbar, legend ::-webkit-scrollbar,
  table ::-webkit-scrollbar, caption ::-webkit-scrollbar, tbody ::-webkit-scrollbar, tfoot ::-webkit-scrollbar, thead ::-webkit-scrollbar, tr ::-webkit-scrollbar, th ::-webkit-scrollbar, td ::-webkit-scrollbar,
  article ::-webkit-scrollbar, aside ::-webkit-scrollbar, canvas ::-webkit-scrollbar, details ::-webkit-scrollbar, embed ::-webkit-scrollbar,
  figure ::-webkit-scrollbar, figcaption ::-webkit-scrollbar, footer ::-webkit-scrollbar, header ::-webkit-scrollbar, hgroup ::-webkit-scrollbar,
  menu ::-webkit-scrollbar, nav ::-webkit-scrollbar, output ::-webkit-scrollbar, ruby ::-webkit-scrollbar, section ::-webkit-scrollbar, summary ::-webkit-scrollbar,
  time ::-webkit-scrollbar, mark ::-webkit-scrollbar, audio ::-webkit-scrollbar, video ::-webkit-scrollbar {
    width: 0 !important; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  height: 90%;
  width: 100%;
  box-sizing: border-box;
  background-color: #FAF8F4; }

html {
  height: 100%;
  width: 100%;
  font-size: 100%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

main::-webkit-scrollbar {
  display: none; }

main {
  scrollbar-width: none; }

aside::-webkit-scrollbar {
  display: none; }

aside {
  scrollbar-width: none; }

a {
  cursor: pointer; }

@font-face {
  font-family: "Tungsten-SemiBold";
  src: url("../../fonts/Tungsten-Semibold.woff") format("woff"); }

@font-face {
  font-family: "Tungsten-Medium";
  src: url("../../fonts/Tungsten-Medium.woff") format("woff"); }

@font-face {
  font-family: "Junior-Welterwt";
  src: url("../../fonts/Knockout-HTF30-JuniorWelterwt.woff") format("woff"); }

@font-face {
  font-family: "Cruiser-weight";
  src: url("../../fonts/Knockout-HTF52-Cruiserweight.woff") format("woff"); }

@font-face {
  font-family: "Full-heviweight";
  src: url("../../fonts/Knockout-HTF73-FullHeviweight.woff") format("woff"); }

@font-face {
  font-family: "Full-Cruiserwt";
  src: url("../../fonts/Knockout-HTF72-FullCruiserwt.woff") format("woff"); }

@font-face {
  font-family: "Courier-regular";
  src: url("../../fonts/Courier-regular.woff") format("woff"); }

.type-a {
  font-family: "Tungsten-Semibold", Courier, monospace;
  color: #ff7c6a;
  line-height: 80%; }

.type-a.size-1 {
  font-size: 3.6vw; }

.type-a.size-2 {
  font-size: 4.4vw; }

.type-a.size-3 {
  font-size: 5.5vw; }

.type-a.size-4 {
  font-size: 6.2vw; }

.type-a.size-5 {
  font-size: 7vw; }

.type-b {
  font-family: "Knockout-HTF73-FullHeviweight", Courier, monospace;
  color: #000;
  line-height: 80%;
  margin-bottom: 2%; }

.type-b.size-1 {
  font-size: 1.77vw; }

.type-b.size-2 {
  font-size: 2.1vw; }

.type-b.size-3 {
  font-size: 2.7vw; }

.type-b.size-4 {
  font-size: 2.8vw; }

.type-b.size-5 {
  font-size: 3.4vw; }

.borderImgPrograme {
  border-bottom: 3px solid #000000;
  border-top: none !important; }

.select-catId {
  color: #FF5C4B !important; }

.listen {
  cursor: pointer; }

#content {
  height: 21.9%;
  width: 88.23%;
  border: 3px solid #000000;
  margin: 5% auto;
  position: relative;
  padding-top: 35%; }
  #content .wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }

.listening_banner {
  display: none; }

.active {
  display: block; }

header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 3px solid #000000;
  height: 9%;
  width: 100.2%; }
  header #header_mobile {
    display: none; }
  header #logo-space {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 103%;
    width: 25.31%; }
    header #logo-space div:nth-child(1) {
      border-right: 3px solid #000000;
      height: 103%;
      width: 26.3%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      header #logo-space div:nth-child(1) a {
        width: 46%; }
        header #logo-space div:nth-child(1) a #logo {
          max-width: 100%; }
    header #logo-space div:nth-child(2) {
      border-right: 3px solid #000000;
      height: 100%;
      width: 71.3%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      header #logo-space div:nth-child(2) a {
        width: 90%;
        margin: auto; }
        header #logo-space div:nth-child(2) a #LPG {
          width: 100%;
          box-sizing: border-box; }
  header #search-space {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 103%;
    width: 23%;
    justify-content: flex-end;
    cursor: pointer; }
    header #search-space input[type="text"] {
      border: none;
      border-bottom: 0.10vw solid #000000;
      width: 100%;
      margin-top: 1.2vw;
      font-style: italic;
      outline: none !important;
      background-color: #FAF8F4;
      cursor: pointer; }
    header #search-space input[type="text"]::-webkit-input-placeholder {
      font-style: italic; }
    header #search-space input[type="text"]:-moz-placeholder {
      font-style: italic; }
    header #search-space input[type="text"]::-moz-placeholder {
      font-style: italic; }
    header #search-space input[type="text"]:-ms-input-placeholder {
      font-style: italic; }
    header #search-space #mentions {
      margin-right: 9.4%; }
      header #search-space #mentions img {
        display: block;
        width: 1.67vw; }
    header #search-space #search {
      margin-right: 9.4%;
      display: block;
      width: 1.67vw; }

main #program_img {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat; }

footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100.2%;
  border-top: 3px solid #000000;
  height: 11.2%; }
  footer #player-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    border-right: 3px solid #000000;
    width: 18.39%;
    height: 103%; }
    footer #player-buttons img {
      width: 9%;
      cursor: pointer; }
    footer #player-buttons img:nth-child(2), footer #player-buttons img:nth-child(4) {
      width: 11%;
      cursor: pointer; }
    footer #player-buttons img:nth-child(3) {
      width: 22%;
      cursor: pointer; }
  footer #player {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-right: 3px solid #000000;
    width: 41.2%;
    height: 103%; }
    footer #player span {
      font-size: 1.3vw;
      font-family: "Tungsten-Medium", sans-serif;
      width: 2vh;
      margin: 4%; }
    footer #player .songSlider {
      width: 78%;
      border-radius: 3px;
      background-color: black;
      cursor: pointer; }
      footer #player .songSlider .trackProgress {
        width: 0px;
        height: 0.45vh;
        background-color: #FF5C4B;
        border-radius: 3px;
        position: relative;
        cursor: pointer; }
        footer #player .songSlider .trackProgress .cursor {
          position: absolute;
          right: -8px;
          top: -3.2px;
          height: 10px;
          background-color: #FF5C4B;
          width: 10px;
          border-radius: 100%; }
  footer #info-lecture {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-right: 3px solid #000000;
    height: 103%;
    width: 22.5%; }
    footer #info-lecture div {
      width: 25.2%;
      height: 100%;
      display: flex;
      flex-direction: row;
      align-items: center; }
      footer #info-lecture div img {
        object-fit: cover;
        width: 100%;
        height: 98%; }
    footer #info-lecture span {
      margin: auto 4.99%;
      width: 59%;
      display: block;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      footer #info-lecture span p:nth-child(1) {
        text-transform: uppercase;
        font-family: "Tungsten-SemiBold", sans-serif;
        display: inline-block;
        color: #FF5C4B;
        font-size: 2vw;
        margin-bottom: 0.7%; }
      footer #info-lecture span p:nth-child(2) {
        text-transform: uppercase;
        font-family: "Cruiser-weight", sans-serif;
        color: #000000;
        font-size: 0.9vw; }
  footer #reso-space {
    width: 10.1%;
    height: 103%;
    border-right: 3px solid #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    footer #reso-space div {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: center;
      height: 50%;
      width: 100%; }
      footer #reso-space div a {
        width: 19.3%; }
        footer #reso-space div a img {
          width: 100%;
          max-height: 100%; }
  footer #share {
    height: 103%;
    width: 10.17%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around; }
    footer #share #share_icone {
      width: 19.4%;
      cursor: pointer; }
    footer #share a {
      width: 19.4%; }
      footer #share a img {
        width: 100%; }

#popUp {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  #popUp #wrapper_popUp {
    width: 40.22%;
    height: 53%;
    background-color: #FAF8F4;
    color: #000000;
    position: absolute;
    top: 19.99%;
    left: 28.38%;
    display: block; }
    #popUp #wrapper_popUp img {
      width: 1.67vw;
      float: right;
      margin: 4.2% 4.2% 4.2% 0; }
    #popUp #wrapper_popUp p {
      clear: both;
      font-family: "Full-Cruiserwt", sans-serif;
      font-size: 1.3vw;
      font-weight: bold;
      text-align: center;
      margin-bottom: 1%; }
    #popUp #wrapper_popUp p:nth-child(3) {
      margin-bottom: 6%; }
    #popUp #wrapper_popUp #com_popUp {
      width: 78%;
      height: 54%;
      display: flex;
      flex-direction: row; }
      #popUp #wrapper_popUp #com_popUp img {
        width: 10.5vw;
        height: 100%;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 23%; }
      #popUp #wrapper_popUp #com_popUp div {
        width: 29%;
        margin-left: 6.7%; }
        #popUp #wrapper_popUp #com_popUp div p {
          font-family: "Full-Cruiserwt", sans-serif;
          font-size: 1.3vw;
          text-align: left;
          margin-bottom: 8.3%; }
        #popUp #wrapper_popUp #com_popUp div #insta-color {
          width: 3.13vw;
          height: 5vh;
          float: left;
          margin-bottom: 8.3%;
          margin-left: 0;
          display: block; }
        #popUp #wrapper_popUp #com_popUp div a {
          clear: both;
          color: #FF5C4B;
          font-family: "Full-Cruiserwt", sans-serif;
          font-size: 1.3vw; }

.icon-btn {
  background: url("/img/le-poste-general-icons.png"), no-repeat;
  width: 100%;
  cursor: pointer; }
  .icon-btn :hover {
    color: #FF5C4B; }

#facebook {
  background-position: 0 -203px; }

#twitter {
  background-position: -112px -198px; }

#mail {
  background-position: -529px -203px; }

#link {
  background-position: -204px -294px; }

#popUp-share {
  z-index: 9999;
  background-color: #faf9f5;
  opacity: 0.9;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  #popUp-share .modal-content {
    width: 65%;
    height: 30%;
    margin: auto;
    margin-top: 15%;
    color: #000000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    #popUp-share .modal-content h3 {
      width: 100%;
      color: #FF5C4B;
      text-align: center;
      font-weight: bold;
      font-size: 3vw;
      font-family: "Full-Cruiserwt", sans-serif;
      margin-bottom: 20px; }
    #popUp-share .modal-content .iframDiv {
      width: 100%;
      text-align: center;
      border: 3px solid #000000;
      font-family: "Gotham-Book", sans-serif;
      font-weight: bold;
      margin-top: 4%; }
      #popUp-share .modal-content .iframDiv .embed-input {
        border-bottom: 3px solid #000000;
        width: 100%;
        padding: 3% 0; }
      #popUp-share .modal-content .iframDiv div {
        width: 100%; }
        #popUp-share .modal-content .iframDiv div ul {
          width: 100%;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-around; }
          #popUp-share .modal-content .iframDiv div ul li {
            list-style: none;
            text-align: center;
            margin: 9px 0;
            text-transform: uppercase;
            font-family: "Gotham-Book", sans-serif;
            font-weight: bold;
            cursor: pointer; }
    #popUp-share .modal-content a {
      height: 112px;
      width: 98px; }

@media screen and (max-width: 1200px) and (orientation: portrait) {
  .type-a.size-1 {
    font-size: 8vw; }
  .type-a.size-2 {
    font-size: 9.2vw; }
  .type-a.size-3 {
    font-size: 10vw; }
  .type-a.size-4 {
    font-size: 12vw; }
  .type-a.size-5 {
    font-size: 13vw; }
  .type-b.size-1 {
    font-size: 3.8vw; }
  .type-b.size-2 {
    font-size: 4.3vw; }
  .type-b.size-3 {
    font-size: 5.5vw; }
  .type-b.size-4 {
    font-size: 6.2vw; }
  .type-b.size-5 {
    font-size: 7vw; }
  header {
    border-bottom: none !important; }
  #wrapper_popUp {
    width: 64% !important;
    left: 19.38% !important; }
    #wrapper_popUp p {
      font-size: 2vw !important; }
    #wrapper_popUp #com_popUp img {
      width: 40% !important; } }

@media screen and (max-width: 500px) {
  .type-a.size-1 {
    font-size: 11.3vw; }
  .type-a.size-2 {
    font-size: 14.2vw; }
  .type-a.size-3 {
    font-size: 14.4vw; }
  .type-a.size-4 {
    font-size: 16vw; }
  .type-a.size-5 {
    font-size: 17.3vw; }
  .type-b.size-1 {
    font-size: 5.1vw; }
  .type-b.size-2 {
    font-size: 6.3vw; }
  .type-b.size-3 {
    font-size: 7vw; }
  .type-b.size-4 {
    font-size: 7.2vw; }
  .type-b.size-5 {
    font-size: 7.5vw; }
  #popUp #wrapper_popUp {
    width: 77.22%;
    height: auto;
    background-color: #FAF8F4;
    color: #000000;
    position: absolute;
    top: 24.99%;
    left: 12.38%;
    display: block;
    padding: 0 2%; }
    #popUp #wrapper_popUp img {
      width: 6vw;
      cursor: pointer; }
    #popUp #wrapper_popUp p {
      font-size: 3.3vw; }
    #popUp #wrapper_popUp p:nth-child(3) {
      margin-bottom: 6%; }
    #popUp #wrapper_popUp #com_popUp {
      width: 78%;
      height: 54%;
      display: flex;
      flex-direction: row; }
      #popUp #wrapper_popUp #com_popUp img {
        width: 30vw;
        height: 100%;
        margin: 4.2% 5.2% 4.2% 11%; }
      #popUp #wrapper_popUp #com_popUp div {
        width: 29%;
        margin-left: 6.7%; }
        #popUp #wrapper_popUp #com_popUp div p {
          font-family: "Full-Cruiserwt", sans-serif;
          font-size: 4.3vw;
          text-align: left;
          margin-bottom: 8.3%; }
        #popUp #wrapper_popUp #com_popUp div #insta-color {
          width: 8.13vw;
          height: 5vh;
          float: left;
          margin-bottom: 8.3%;
          margin-left: 0;
          display: block; }
        #popUp #wrapper_popUp #com_popUp div a {
          font-size: 3.3vw; } }

nav {
  width: 100.2%;
  height: 9%;
  border-bottom: 3px solid #000000; }
  nav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 103%; }
    nav ul li {
      border-right: 3px solid #000000;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 100%; }
    nav ul li:last-child {
      border-right: none; }
  nav a {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #000000;
    font-size: 1.8vw;
    font-family: "Tungsten-SemiBold", sans-serif; }
    nav a:hover {
      color: #FF5C4B; }

main {
  height: 70%;
  width: 100.1%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 auto; }
  main ul {
    list-style: none;
    width: 100%; }
    main ul .grid-item {
      width: 16.67%;
      float: left;
      height: auto;
      cursor: pointer;
      border: 0 solid #000000;
      border-width: 0px 0.13vw 0.13vw 0.13vw;
      box-sizing: border-box;
      overflow: hidden;
      border-bottom: 0.22vw solid black; }
      main ul .grid-item a {
        text-decoration: none;
        display: block;
        box-sizing: border-box;
        text-align: center;
        line-height: 0.5; }
        main ul .grid-item a p:first-of-type {
          margin-top: 3%; }
        main ul .grid-item a p:last-child {
          margin-bottom: 2%; }
        main ul .grid-item a img {
          max-width: 100%; }
        main ul .grid-item a .programme_img {
          height: auto;
          background-size: contain;
          background-repeat: no-repeat; }
        main ul .grid-item a .borderImgPrograme-Top {
          border-top: 3px solid #000000; }
        main ul .grid-item a .borderImgPrograme-Bottom {
          border-bottom: 3px solid #000000; }

@media screen and (max-width: 1200px) and (orientation: portrait) {
  #content {
    border: none;
    width: 93.6%;
    height: 100%;
    margin-top: 2.88%; }
  header {
    height: auto;
    width: 101.56%; }
    header #search-space, header #logo-space {
      display: none; }
    header #header_mobile {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin: 0 0.3% 0 0;
      margin-top: 5%;
      align-items: flex-end;
      width: 100%;
      height: 100%;
      border: none; }
      header #header_mobile #burger_menu_mobile {
        width: 4.6%;
        margin-bottom: 5%; }
      header #header_mobile #logoAcc {
        height: 90%;
        margin-bottom: -0.45vh; }
        header #header_mobile #logoAcc img {
          max-width: 100%;
          height: 100%; }
      header #header_mobile #mentions {
        margin-bottom: 3.4%;
        width: 5.6%; }
        header #header_mobile #mentions img {
          width: 100%; }
  #nav-desktop {
    display: none; }
  main {
    height: auto;
    border: 3px solid #000000;
    margin-bottom: 12vh;
    width: 100%; }
    main .grid .grid-item {
      width: 33.33%;
      border: 3px solid #000000; }
      main .grid .grid-item .borderImgPrograme-Top {
        border-top: 4px solid #000000; }
  footer {
    display: none; }
  .listening_banner {
    display: block;
    width: 100%;
    height: 18vh;
    background-color: #FAF8F4;
    position: fixed;
    bottom: 0; }
    .listening_banner .songSlider {
      width: 100%;
      height: 1.35vh;
      background-color: #000000; }
      .listening_banner .songSlider .trackProgress {
        width: 0;
        height: 100%;
        background-color: #FF5C4B; }
    .listening_banner div:nth-child(2) {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 90%;
      margin: 4.8% auto; }
      .listening_banner div:nth-child(2) span p:nth-child(1) {
        text-transform: uppercase;
        color: #FF5C4B;
        font-family: "Tungsten-SemiBold",sans-serif;
        font-size: 6.9vw; }
      .listening_banner div:nth-child(2) span p:nth-child(2) {
        text-transform: uppercase;
        color: #000000;
        font-family: "Cruiser-weight", sans-serif;
        font-size: 3.3vw; }
      .listening_banner div:nth-child(2) img {
        width: 10.7vw; }
  #menu-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #FAF8F4;
    opacity: 0.93; }
    #menu-mobile #close_menu {
      position: relative;
      top: 8.7vh;
      left: 3%;
      width: 4.6%;
      cursor: pointer; }
    #menu-mobile nav {
      display: block;
      width: 100%;
      height: auto;
      border: 0;
      position: relative;
      top: 15vh; }
      #menu-mobile nav ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        #menu-mobile nav ul li {
          border: none;
          width: 100%;
          margin-bottom: 3.74%; }
          #menu-mobile nav ul li a {
            font-size: 9.3vw;
            font-family: "Tungsten-SemiBold", sans-serif; }
            #menu-mobile nav ul li a :hover {
              color: #FF5C4B; } }

@media screen and (max-width: 500px) and (orientation: portrait) {
  #burger_menu_mobile {
    width: 7.6% !important; }
  #mentions {
    width: 8% !important; }
  header {
    width: 101.6%; }
    header #header_mobile {
      margin-top: 0;
      margin-bottom: 12px; }
  main {
    width: 100%;
    overflow-y: scroll;
    height: 100%; }
    main ul {
      margin: -2px 0 -2% 0px;
      width: 100%;
      height: auto; }
      main ul .grid-item {
        width: 50.1% !important; }
        main ul .grid-item a {
          margin: -1.95% -2% 0% 0;
          padding-top: 4px; }
  .listening_banner {
    height: 12vh; }
  #close_menu {
    position: relative;
    left: 3%;
    top: 37px !important;
    width: 6.6% !important; } }

@media screen and (max-width: 320px) {
  main ul {
    margin: 0px 0 0% -3px;
    width: 103%; } }