@import url("https://use.typekit.net/noe2nbt.css");

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-family: sofia-pro, sans-serif;
  color: #333f48;
}

a {
  text-decoration: none!important;
}

h1 {
  font-weight: 900;
  text-transform: uppercase;
 line-height: 2.4rem;
    text-align: center;
}

h2 {
  font-weight: 900;
  text-align: center;
 font-size: 1.5rem;
}

button, button:active {
  border: none;
  background-color: transparent;
}


.bullet {
height: 40px;
    vertical-align: -30%;
    padding-right: 10px;
}


.cb, .serv_butt, .cb_butt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  padding: 3rem;

}


.serv_butt:hover {
  color:  #007F45;
  background-color: white;

}

.cb_butt:hover {
  color: #fcb32b;
  background-color: #0F426B;
  
}


.cbbutton {
  width: 50%;
}

.carousel-item.active {
    display:block;
}

.form-control {
  border-radius: 0;
}

form {
    width: 100%;
}


.services {
  height: 30vh;
}

/* marked improvement colours */

.servicescol {
  padding: 30px;
}

.green {
  color: white;
  background-color: #007F45;
}

.yellow {
  color: #0F426B;
  background-color:  #fcb32b;
}

.red {
  color: #fcb32b;
  background-color: #E12B27;
}

.grey {
  color: white;
  background-color: #333f48;
    padding: 3rem;
}

.blue {
  color: #fcb32b;
  background-color: #0F426B;
}

.pink {
  color: #0F426B;
  background-color: #F15A68;
}


.client {
   padding: 1rem;
   display: flex;
       justify-content: center;
  flex-direction: column;
  text-align: center;
  align-items: center;

}

.cbform {
  color: white;
  background-color: #0F426B;
  background: url(../imgs/formbgd.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mihead {
  color: white;
  background-color: #007F45;
  background: url(../imgs/mibgd.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.miproducts {
  color: white;
  background-color: #007F45;
  background: url(../imgs/miproducts2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
padding: 3rem;

    margin-right: -15px;
    margin-left: -15px;
}

.cbimage {
  background: url(../imgs/laptop.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}

/* product backgrounds */

.conimage {
  background: url(../imgs/handshake.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}

.besimage {
  background: url(../imgs/meeting.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}

.virimage {
  background: url(../imgs/virtual.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}

.lmsimage {
  background: url(../imgs/miproducts.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}

.assimage {
  background: url(../imgs/typing.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
}

.footer {
    padding-top: 3rem;
    padding-right: 1rem;
    padding-bottom: 3rem;
    padding-left: 1rem;;
  background-color: #ffffff;
  text-align: center;
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

.footer {
  text-align: right;
    padding-top: 3rem;
    padding-right: 1rem;
    padding-bottom: 3rem;
    padding-left: 1rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.footimg > p {
  text-align: right!important;
}

}


.footer-column-text
{
  font-size: 12px!important;
  line-height: 18px!important;
}
.footer-column
{
  text-align:left;

}
.footer-column-twitter
{
  font-size: 12px!important;
  line-height: 18px!important;
  color:#0F426B;
}
.footer-column.privacy, .footer-column.privacy a
{
  color:#0F426B!important;
}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  
h1 {
  font-size: 4rem;
  line-height: 3.5rem;
}

h2 {
  font-size: 2rem;
  line-height: 2.2rem;
}

 }

  @media (max-width: 992px) { 
  
  .footer-column {
    text-align: center;
    margin-bottom: 60px;
}
.footer-column.last {

  margin-bottom: 0px!important;
}
.footer {
  padding-bottom: 0rem;
}
.bulletscb
{
  text-align:left;
  display:block;
}
.bulletscb h2
{
  text-align:left;
}
   }