/* BANNER IMAGE / PROGRAMME PAGE HEADER */
.banner__image__outer { padding: 16px 16px 16px; min-height: calc(100vh - 346px); width: 300px;  }
.banner__image {  position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px;  z-index: 0; background-size: cover;  background-position: 50% center;  }

.programme__menu__outer { position: absolute; bottom: -78px; left: 0px; width: 100%; display: block;  font-size: 0px; line-height: 0px;   }
.prog_count_3 .pmi__outer { width: 33.33%;    }
.prog_count_4 .pmi__outer { width: 25%;    }
.prog_count_5 .pmi__outer { width: 20%;    }
.pmi__outer { display: inline-block;  padding: 0px 16px;    }
.pmi__outer a, .pmi__outer a:visited { display: block;  font-family: 'VAGRoundedNext-Regular';  color: #ec1c99; font-size: 18px;  line-height: 18px;  padding: 10px 50px; border-radius: 20px; text-transform: uppercase; background-color: rgba(11,24,49,0.6); border: 2px solid transparent;  }
.pmi__outer a:hover { color: #ec652c; border: 2px solid #ec652c;   }

@media only screen and (max-width: 500px) {
    .programme__menu__outer { bottom: -32px;  }
  	.prog_count_4 .pmi__outer { width: 50%;   }
  	.pmi__outer { padding: 0px 8px; margin-bottom: 4px;  }
  	.pmi__outer a, .pmi__outer a:visited { font-size: 12px; line-height: 12px; padding: 5px 16px; border-radius: 10px; border: 1px solid transparent; }
  	.pmi__outer a:hover {  border: 1px solid #ec652c;   }
    
    .banner__image__outer {  min-height: calc(100vh - 174px);  }
    
}

@media only screen and (min-width: 501px) and (max-width: 580px) { /* BLUE */
  .programme__menu__outer { bottom: -32px;  }
  .prog_count_4 .pmi__outer { width: 50%;   }
  .pmi__outer { padding: 0px 8px; margin-bottom: 4px;  }
  .pmi__outer a, .pmi__outer a:visited { font-size: 12px; line-height: 12px; padding: 5px 16px; border-radius: 10px; border: 1px solid transparent; }
  .pmi__outer a:hover {  border: 1px solid #ec652c;   }
  
    .banner__image__outer {  min-height: calc(100vh - 174px);  }
  
}

@media only screen and (min-width: 581px) and (max-width: 767px) { /* RED */
  .programme__menu__outer { bottom: -28px;  }
  .prog_count_4 .pmi__outer { width: 50%;   }
  .pmi__outer { padding: 0px 8px; margin-bottom: 4px;  }
  .pmi__outer a, .pmi__outer a:visited { font-size: 14px; line-height: 14px; padding: 5px 16px; border-radius: 10px; border: 1px solid transparent; }
  .pmi__outer a:hover {  border: 1px solid #ec652c;   }
  
  .banner__image__outer {  min-height: calc(100vh - 200px);  }
}


@media only screen and (min-width:  768px) and (max-width: 840px)   { /* PINK */
    .programme__menu__outer { bottom: -44px;  }
    .banner__image__outer {  min-height: calc(100vh - 250px);  }
    
}

@media only screen  and (min-width: 841px) and (max-width: 1000px)  { /* YELLOW */
  
}

@media only screen  and (min-width: 1001px) and (max-width: 1264px)  { /* BLACK */
  
}