.container-cms {
  max-width: 100%;
}

.container-fluid {
  padding: 0;
}

.dark {
  background-color:#151515;
}

.light {
  background-color: #fff;
}

.pink {
  background-color: #b70457;
}

.blue {
  background-color: #0489b7;
}

.green {
  background-color: #3EA46A;
}

.orange {
  background-color: #ED685A;
}

.teal {
  background-color: #00a29e;
}

a:hover {
  text-decoration: none;
}

i {
  color: #000;
}

section.cms-boxes .cms-boxes-outer {
  text-align: left;
}

section.cms-boxes .cms-boxes-outer .cms-boxes-items {
  height: 350px;
  display: table;
  width: 100%;
}

section.cms-boxes .cms-boxes-outer .cms-boxes-items p {
  color: #fff;
}

section.cms-boxes .cms-safer {
  background-color: #b70457;
}

section.cms-boxes .boxes-align {
  display: table-cell;
  vertical-align: middle;
}

section.cms-boxes .small-box, 
section.cms-boxes .large-box {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}
section.cms-boxes .cms-boxes-items h2 {
  font-size: 35px;
  color: #fff;
  font-weight: 400;
  line-height: 37px;
  text-align: center;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
section.cms-boxes .cms-cleaner {
  background-color: #0489b7;
}
/* section.cms-boxes .cms-security, */ 
section.cms-boxes .cms-greener {
  background-color: #3EA46A;
}
section.cms-boxes .cms-better {
  background-color: #ED685A;
}
section.cms-boxes .cms-team {
  background: url(../images/meetteam.png) 50% 50% no-repeat;
  background-size: cover;
}
section.cms-boxes .cms-vxlondon {
  background: url(../images/Vaux-Pink.png) 50% 50% no-repeat;
  background-size: cover;
}

section.cms-boxes .cms-history {
  background: url(../images/) 50% 50% no-repeat;
  background-size: cover;
}

section.cms-boxes .cms-legacy {
  background: url(../images/vauxhall-rebrand-blue.png) 50% 50% no-repeat;
  background-size: cover;
}

section.cms-boxes .cms-board {
  background-color: #0489b7;
}

section.cms-boxes .cms-partners {
  background-color: #ED685A;
}

section.cms-boxes .cms-accounts {
  background-color: #3EA46A;
}

section.cms-boxes .cms-vaux {
  background-color: #1c3054;
}

section.cms-boxes .cms-boxes-items:hover {
  opacity: .2;
  cursor: pointer;
}

section.cms-boxes .cms-vxlondon:hover, .cms-boxes-items:hover .cms-vxlondon:hover {
  opacity: 1;
  cursor: pointer;
}

.hover {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 50%;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: #000;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.cms-vxlondon:hover .hover {
  opacity: 1!important;
}

.white {
  color: white;
}

.column {
  width: 55%;
}

@media only screen and (min-width:769px) and (max-width: 990px) {
  .spacer {
    margin-top: 100px;
  }
}
