.lockup {
  float: left;
  margin-top: 9px;
  width: 310px;
  height: 315px;
  border-radius: 0px 20px 0px;
}

#lockupDefault {
  background-color: rgb(0, 0, 0);
  background-color: rgba(77,78,83, 0.9);
}

#lockupCoach {
  background-color: rgb(0, 0, 0);
  background-color: rgba(0,147,154, 0.7);
  margin-left: 0px;
}

.lockup-arrow {
    width: 100%;
    margin-top: 20px;
    height: 40px;
    margin-left: 55px;
 }
 
.lockup-arrow-motorcoach {
  width: 100%;
  margin-top: 20px;
  height: 40px;
  margin-left: 55px;
  opacity: 0.9;
}

#lockupTransit {
  background-color: rgb(0, 0, 0);
  background-color: rgba(87,138,181, 0.8);
  margin-left: 371px;
}

.lockup-arrow-transit {
  width: 100%;
  margin-top: 20px;
  height: 40px;
  margin-left: 55px;
  opacity: 0.9;
}

#lockupSchoolBus {
  background-color: rgb(0, 0, 0);
  background-color: rgba(236,157,28, 0.9);
  margin-left: 738px;
}

.lockup-arrow-schoolbus {
  width: 100%;
  margin-top: 20px;
  height: 40px;
  margin-left: 55px;
  opacity: 0.9;
}

.lockup h1 {
  margin-left: 22px;
  padding-top: 18px;
  color: #ffffff;
  font-weight: 700;
  line-height: .9;
  font-size: 60px;
}

.lockup-icons-message img {
  width: 281px;
  margin-left: 16px;
  margin-top: 22px;
}

.lockup-icons-screens img {
  width: 157px;
  margin-left: 129px;
  margin-top: 4px;
}

.pillar a {
  text-align: center;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 33px;
  text-decoration: none;
}

.pillar-tabs {
  cursor: pointer;
  color: #ffffff;
  margin-top: 0px;
  height: 85px;
  font-size: 33px;
}

.pillar {
  height: 85px;
  padding-top: 16px;
  text-align: center;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 33px;
}

.pillar-text {
  text-align: left;
  background-color: #FFFFFD;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 36px;
  
}

@media only screen and (max-width: 600px){
.pillar-text {
  text-align: left;
  background-color: #FFFFFD;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 25px;
  
}
}

@media only screen and (max-width: 600px){
.pillar-text p {
  font-weight: 300;
  text-align: center!important;
  font-size: 18px;
  color: #6E6B6B;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 0px;
}
}

.pillar-text p {
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  color: #6E6B6B;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.pillar-text-default {
  text-align: center;
  background-color: #FFFFFD;
  padding-top: 0px;
  padding-right: 0px;
}

.pillar-text-default p {
  font-weight: 300;
  font-size: 18px;
  color: #6E6B6B;
  line-height: 30px;
  margin-top: 14px;
  margin-bottom: 0px;
  padding-right: 156px;
  padding-left: 122px;
}

.pillar-text-bolder {
  font-size: 18px;
  font-weight: 600;
}

.tab-on {
  visibility: visible;
}

.tab-off {
  visibility: hidden;
}

.tab-in {
  display: block;
}

.tab-out {
  display: none;
}

.pillar-tab-tops {
  margin-top: 55px;
  height: 5px;
}

.pillar-top {
  height: 5px;
}

.pillar-top-coach {
  background-color: #00939A;
}

.pillar-top-transit {
  background-color: #578AB5;
}

.pillar-top-bus {
  background-color: #EC9D1C;
}

.pillar-tab-bots {
  background-color: #ffffff;
  height: 31px;
}

.pillar-bot-coach {
  height: 20px;
}

.pillar-bot-coach-on {
  display: block;
}


.pillar-coach-off {
  background-color: #00939A;
}

.pillar-coach-on {
  background-color: #006469;
}

.pillar-transit-off {
  background-color: #578AB5;
}

.pillar-transit-on {
  background-color: #3b5e80;
}

.pillar-bus-off {
  background-color: #EC9D1C;
}

.pillar-bus-on {
  background-color: #c56c13;
}

#defaultText {
  padding-bottom: 35px !important;
}

.home-head {
    color:rgb(110, 107, 107);
    display:block;
    font-family:"Open Sans", sans-serif;
    font-size:30px;
    font-weight:400;
    line-height:32px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    text-align:center;
}

@media screen and (max-width:356px){
  .home-head {
    line-height:23px;
    margin-bottom:20px;
    
}
}

@media screen and (max-width:992px){  
.pillar-tab-tops, .pillar-tab-bots {
    display:none;
}

.pillar {
    height: 60px;
    font-size: 24px;
    padding-top: 11px;
}

.pillar a {
    font-size: 24px;    
}
      
.pillar-text p {
    margin-top: 25px!important;
}

.mob-top-pad {
   margin-top: 25px!important;
}
}


@media screen and (max-width:600px){
.mob-top-pad {
margin-top: 0px!important;
}
}