/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

.text-bold{
  font-weight: 500;
}
header {
  padding: 156px 0 100px;
}

.fade-in{
transition: .5s;
}

section {
  padding: 150px 0; 
  /*border-top: solid;
  border-bottom: solid;
  border-width: 1px !important;

  border-color: black !important;
  */
}

h2{
  font-weight: bold;
  text-align: center;
}

#about-header{
  text-align: left;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 50px;
  width: 50px;
  padding: 1%;
  color: grey;
}


.btn{
  background-color: rgb(206, 205, 205);
}


.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}


.box{
  background-color:  #6dacab;
  /*background-color:  rgb(233, 232, 232);*/ 
  margin-bottom: 1%;
  padding: 2%;

}

.box-student-testimonial{
  background-color:  #88bdbc;
  margin: 2%;
  padding: 4%;
  
}
.box-student-testimonial h3{
  text-decoration: underline;
  font-size: 24px;
  text-align: center;
  
}
.prices-left{
  float: left;
  }

.prices-right{

float: right;
margin-right: 2%;

}
ul{
 list-style: square; 
}

li{
  font-size: 1.1em;
  margin-left: 1%;
}
/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 50%; /* IE10 */
  flex: 250%;
  max-width: 50%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}



.flex-container {
  display: flex;
  flex-wrap: wrap;
  -ms-flex: 33%;
  flex: 0%;
  max-width: 100%;
  background-color: #88bdbc;
  padding: 1%;
}

.flex-container > div {
  -ms-flex: 33%; /* IE10 */
  flex: 1 0 33%;
  max-width: 33%;
  padding: 4px 4px;
  justify-content: center;
}

.carousel .carousel-item img {
  max-width: 900px;
  min-width: auto;
  margin: 0 auto;
}






  iframe {
  width: 100% !important;
  height: 600px !important;
  border: 2px solid black;
  display: block;
}

/* Responsive layout - makes a two column-layout instead of four columns */

@media screen and (max-width:2560px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }

  .carousel{
   max-width: 75%;
   margin: auto;
   padding: 1%;
   }


  .flex-container > div {
    -ms-flex: 33%; /* IE10 */
    flex: 1 0 33%;
    max-width: 100%;
  }

}

@media screen and (max-width: 1220px){

  #about-image-1,#about-image-2{
    display: none;
  }

  .col-sm-5{
    display: none;
  }

}

@media screen and (max-width:1080px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }

  .flex-container > div {
    flex: 1 0 50%;
    -ms-flex: 50%; /* IE10 */
    max-width: 100%;
  }
 

  .carousel{
    max-width: 80%;
   margin: auto;
   padding: 2%;

   }

}




/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }


li{
  font-size: 0.8em;
  padding-right: 1%;
}

ul{
  padding-left: 6%;
}



.carousel{
max-width: 100%;
 margin: auto;
 padding: 0%;
 }


.flex-container {
  display: flex;
  flex-wrap: wrap;
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;

}
  .flex-container > div {
    -ms-flex: 50%; /* IE10 */
    flex: 1 0 50%;
    max-width: 50%;
    padding: 4px 4px;
    justify-content: center;
    
  }

  #student-7,#student-8,#student-9,#student-10,#student-11,#student-12 {
    display: none;
  }

.hide-info{
  display: none;
}

}



/* Background Colours*/
.bg-black{
  background-color: #000000 !important;
}

.bg-cyan{
  background-color: #17a2b8 !important;
}

.bg-teal{
  background-color: #20c997 !important;
}

.bg-indigo{
  background-color: #6f42c1 !important;
}




/* Classical / Muted Colours*/
.bg-overcast{
  background-color: #9099A2 !important;
}

.bg-paper{
  background-color: #D5D5D5 !important;
}

.bg-lavender{
  background-color: #6d7993 !important;

}

.bg-dusty{
  background-color: #96858f !important;
}



/* Clean - highlighted */
.bg-sky{
  background-color: #caebf2 !important;
}

.bg-carbon{
  background-color: #a9a9a9 !important;
}

.bg-watermelon{
  background-color: #ff3b3f !important;
}

.bg-neutral{
  background-color: #efefef !important;
}


.bg-primary-lighter{
  background-color:  #4898ee !important;
}

.bg-primary-green{
  background-color:  #b9f0dd !important;
}

.bg-muted-teal{
  background-color: #88bdbc !important;

}

.bg-mid-green{
background-color: #254e58 !important;
}

.bg-dark-green{
  background-color: #112d32 !important;
  }


:root{
  --sky: #caebf2;
  --carbon: #a9a9a9;
  --watermelon: #ff3b3f;
  --neutral: #efefef;

  --dusty: #96858f;
  --lavender: #6d7993;
  --paper: #d5d5d5;
  --overcast: #9099A2;

  --indigo: #6e42c1;
  --teal: #20c997;
  --cyan: #17a2b8;


  --primaryDefault: #007bff;
  --primaryLighter: #4898ee;
  --primaryGreen: #b9f0dd;

  --mutedTeal: #88bdbc;
  --midgreen: #254e58;
  --darkgreen: #112d32;
}



/*

#student-7,#student-8,#student-9,#student-10,#student-11,#student-12 {
  display: none;
}
*/

/*
#prices,#testimonials,#photos,#map{
  display: none;
}
*/

/*
#carousel{
  display: none;
}

*/