/* flex */
.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  }

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  }

.flex-item-49percent {  
  width: 49%; 
  border: 1px solid #eeeeee; 
  margin-bottom: 1.5rem;
  border-radius: 3px;
  }

.flex-item-32percent {
  width: 32%; 
  border: 1px solid #eeeeee; 
  margin-bottom: 1.5rem;
  border-radius: 3px;
  padding: 2rem;
  }

.flex-item-100percent {
  width: 100%; 
  border: 1px solid #eeeeee; 
  margin-bottom: 1.5rem;
  border-radius: 3px;
  padding: 2rem;
  }

.one { order: 1; }
.two { order: 2; }
.three { order: 3;}
.four { order: 4; }
.five{ order: 5; }
.six{ order: 6; }
.seven{ order: 7; }
.eight{ order: 8; }
.nine{ order: 9; }
.ten{ order: 10; }
.eleven{ order: 11; }
.twelve{ order: 12; }
.thirteen{ order: 13; }
.fourteen{ order: 14; }




/* general */
h1.page-title { text-align: center; }





/* home page */
.jumbotron {
padding-top: 3rem;
padding-bottom: 3rem;
margin-bottom: 0;
background-color: #fff;
}

.jumbotron p:last-child {
margin-bottom: 0;
}

.jumbotron h1 {
font-weight: 300;
}

.jumbotron .container {
max-width: 40rem;
}




/* news */
.news-articles {  
padding: 1.5rem; 
}

/* Industry Demands */
.img-rt {
float: right;
}


.cont-lft {
float: left;
padding: 1.5rem; 
width: 54%;
}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
  }

.h-250 { 
  height: 250px; 
  }

.across { color: #007bff!important ; }

.health  { color:  #ffc107!important; }

.fast { color:  #28a745!important ; }

.travel { color:  #6c757d!important; }

.public { color:   #dc3545!important; }

.property { color:  #343a40!important ; }

.immigration { color: #17a2b8!important; }

/* footer */
footer {
padding-top: 3rem;
padding-bottom: 3rem;
}

footer p {
margin-bottom: .25rem;
}








@media (max-width: 991px) {
  .img-rt {
    display: none;
    }
  .cont-lft {
    float: none;
    width: 100%;
    }
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
    }
  .h-md-250 { 
    height: 250px; 
    }
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
    }
}


@media (max-width: 767px) {
  .flex-item-49percent, 
  .flex-item-32percent { 
    width: 100%;
    }
}