.navi{
  background-color:#f1f1f1;
}
body.homepage .training-courses{
  background-color:#f1f1f1;
}
body.homepage .training-courses h2:after, body.homepage .free-resources h2:after {
  border-bottom: 20px solid rgba(0, 0, 0, 0.1);
}
body.homepage .training-courses h2:before, body.homepage .free-resources h2:before {
  border-bottom: 20px solid rgba(0, 0, 0, 0.1);
}
footer{
  background-color:#6a6a6a;
  
}
footer a{color:#CC9933 !important;}
body.interior section.hero {
  background-color:#9e9e9e;
}
body.interior .content:after {
  border-bottom: 30px solid rgba(255, 255, 255, 0.2)
}
body.interior .content:before {
  border-bottom: 30px solid rgba(255, 255, 255, 0.2)
}
body.homepage .hero{
  background-color:rgba(30,87,153,1);
}
body.homepage .hero .bg{
  background:none; 
  background: rgb(30,87,153);
  background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(125,185,232,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%);
  background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
.container.ACCSC a{
  color:#3f51b5;

}
.container.ACCSC p{
  line-height:26px;
}
body.homepage h3{
  color:rgb(30,87,153);
}
body.homepage .course-btns{
  display:block;
  padding:10px 5px;
  border:1px solid #CCC;
  color:white;
  margin-bottom:10px;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (min-width: 355px) {
  body.homepage .spacer{
    position:absolute;
    bottom:0;
    width:80%;
    left:50%;
    transform:translateX(-50%);
    height:2px; 
    background-color:#CCC;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body.homepage .spacer{
    position:absolute;
    bottom:0;
    width:80%;
    left:50%;transform:translateX(-50%);
    height:2px; 
    background-color:#CCC;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body.homepage .spacer{
    position:absolute;
    right:0;
    left:initial;
    width:2px;
    top:50%;transform:translateY(-50%);
    height:80%; 
    background-color:#CCC;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {   }