html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}

.phone-number {
  color: #0275d8;
  font-size: xx-large;
  font-weight: bold;
}

.card {
  border: none;
  border-color: #0275d8;
}

.card-header {
  background-color: white;
  color: #0275d8;
  font-weight: bold;
  border-bottom-color: #f7bc0c;
  border-bottom-width: 3px;
}

.card-body {
  border-color: #0275d8;
}

.fa-phone {
  font-size: xx-large;
  font-weight: bold;
}

.fa-envelope {
  font-size: xx-large;
  font-weight: bold;
}

.fa-id-card {
  font-size: xx-large;
  font-weight: bold;
  color: #f7bc0c;
}

.email {
  color: #0275d8;
  font-size: large;
  font-weight: bold;
}

.card-header {
  font-size: x-large;
  text-align: center;
}

.card-text {
  font-size: large;
}

.text-blue {
  color: #0275d8;
}

.carousel-title {
  color: #0275d8;
}

.carousel .carousel-item img {
  max-height: 500px;
  max-width: 1000px;
  min-width: auto;
  margin: auto;
}

.list-group-item {
  border: 0;
}

.item-left {
  width: 20%;
  float: left;
}

.item-right {
  width: 80%;
  float: left;
}

.check {
  color: green;
  font-size: xx-large;
  font-weight: bold;
}

.list-span {
  font-size: large;
  font-weight: bold;
}

h1.not-found {
  font-size: 350%;
  font-weight: bold;
}

h2.not-found {
  font-weight: bold;
}

.error-404 {
  color: #0275d8;
}

.fa-tools {
  color: black;
  font-size: xx-large;
  font-weight: bold;
}

.fa-angle-right {
  color: black;
  font-size: xx-large;
  font-weight: bold;
}

.list-href {
  font-size: x-large;
  font-weight: bold;
}

.mobile-show {
  display: none;
}

@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 480px){
    .mobile-show { display: inline;}
}