.programmes .programme .back a, .programmes .programme .back a:hover {
  font-size:1.2rem
}

@media screen and (min-width:768px) {
header .navbar .navbar-nav  li.active {
  height: 42px;
  margin-bottom: 5px;
  position: relative;
  padding-top: 4px;
  top: -5px;
}
}

header .navbar .navbar-nav li:hover, header .navbar .navbar-nav li.active, header .navbar .navbar-nav li:active {
}

header .navbar-brand {z-index:999999;position:relative;}

h1.h2 {color: #fff;
    background: #9185be;
    padding: 0.5rem;
    font-size: 4.4rem;
    text-align: center;
    border: 1px dashed #9185be;
    background-clip: content-box !important;font-weight:700;}
    
h1.h2.red {background: #ed677a;
    border-color: #ed677a;}
h1:before, h1:after {
    content: '';
    display: inline-block;
    width: 1.5rem;
}
h1 {margin-bottom:3rem!important}
header .links {top:1rem; right: auto; left: 1rem;}
header .links a {font-size:2rem!important;}
@media screen and (min-width:768px) {
  header .links {top:2rem; left:auto; right:8rem;}
  header .links a {display:block;font-size:3rem!important;};
}
@media screen and (min-width:992px) {
  header .links {top:5.5rem; right:0;}
}

.table {text-align:left;}
.table th, td {
    font-size:1.3rem;
    font-family: 'Montserrat', sans-serif;
    color:#8a8b8b;
    
}
.table th {
    background-color: #ed677a;
    border-top: 4px solid #4a75b8;
    font-family: 'Amatic SC', cursive;
    font-size:2rem;
    font-weight:700;
    color:#fff;
}
@media screen and (min-width:768px) {
  header .nav li.active {border-top:5px solid #2889c6; margin-top: -5px;}
}
h2.left {text-align:left}

@media screen and (max-width:480px) {
  .banner .banner-slider>div {
    background-position:-980px 0!important;  
  }
}

.testimonials .cycle-slide {background:white;}
.table.contact-form td, .table.contact-form th {border:none;}
.table.contact-form td input, .table.contact-form td textarea {border:1px solid #ddd; padding:0.5rem;width: 100%; height: 3rem;}
.table.contact-form td textarea {height:10rem;}
.table.contact-form td {background-color: #ed677a;}
.table.contact-form td input[type='submit'] { background: #9185be; color:white; font-family: 'Amatic SC', cursive; font-weight: 700; height:6rem; font-size:3rem;}

.notice-board--secondary:before {display:none;}
.notice-board--secondary .text { background:#e6f7ff}
.notice-board--secondary ul {text-align:left; font-size:2rem; margin: 0; padding: 0 0 0 2rem}
.notice-board--secondary ul li { color:black; list-style:none; }
.classes .notice-board--secondary .notice h3 {
    background: #2889c6 url(../images/icon-pre-school.png) no-repeat left 40px center;
    background-size: 3.5rem;
    padding-left: 95px;
}
.classes .notice-board--secondary .notice h3.children {
    background: #2889c6 url(../images/icon-children.png) no-repeat left 30px center;
    background-size:5rem;
}
.classes .notice-board--secondary .notice h3.adults {
    background: #2889c6 url(../images/icon-adults.png) no-repeat left 30px center;
    background-size:5rem;
}
ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ed677a; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 2rem; /* Also needed for space (tweak if needed) */
  margin-left: -2rem; /* Also needed for space (tweak if needed) */
  position:absolute;
}

@media screen and (max-width:480px) {
 .programmes .programme .back {transform:none;}
 .programmes .programme .front {display:none;}
}


header .social {
    position: absolute;
    top: 0;
    right: 0rem;
    padding: 0.5rem 0rem 0.5rem 1rem;
    background: #2889c6;
    border-radius: 0px 0 10px 10px;
}

header .social a {
    display: inline-block;
    margin-right: 1rem;
}

header .social a:last-of-type {display: none}

@media screen and (min-width:992px) {
  header .links {top:5.5rem; right:0;}
  header .social a:last-of-type {display: inline-block}
}