@media only screen and (max-width: 870px) {
  .card-section {
  display:none;
  }
}

.float-logo {
    text-align: right;
    float: right;
    margin: 5px;
}

img.logo-box {
    width: 70%;
    margin: 20px auto;
}


.front, .back {
    color: white;
    font-weight: bold;
    text-align: center;
}

button#btnContactUs {
    background: #0050a4;
    color: white;
    font-weight: bold;
    width: 100%;
}

.center {
  text-align: center;
}

input#name, input#email, input#subject, textarea#message {
    background: #eee;
}

.map { 
  margin: 10px 20px 60px 20px !important; 
} 
.contact-us { 
 
  margin: 10px 20px 60px 20px !important; 
} 
 
input[type="text"], input[type="email"], input[type="phone"] { 
  background: #eee; 
  width: 100%; 
  margin-bottom: 10px; 
  padding: 8px; 
  border-radius: 8px; 
} 
 
.contact-us span { 
    color: darkgray; 
    font-size: 17px; 
} 
 
input[type="submit"] { 
    color: white; 
    background: #b21304; 
    padding: 11px; 
    width: 170px; 
    border-radius: 40px; 
    margin-top: 10px; 
} 
 
.red_symbol { 
  font-size: 20em; 
  line-height: 1em; 
  color: #0050a4; 
} 

.train-callout {
    background: #0050a4;
    color: white;
    font-weight: lighter;
    padding: 20px;
    font-size: 21px;
    border-radius: 10px 0;
    text-align: center;
    margin-bottom: 20px;
}

.inner-shadow {
  -moz-box-shadow:     0 0 50px #0050a4;
   -webkit-box-shadow:  0 0 50px #0050a4;
   box-shadow:          0 0 50px #0050a4;
   border-radius: 10px;
 }

 .image {
   text-align: center;
   margin-bottom: 40px;

 }

 .text {
    font-style: italic;
    color: #0050a4;
    font-weight: bold;
}

.title h2 {
    line-height: 1.3;
    margin-bottom: 5px !important;
}

.services-block-two .inner-box {
    box-shadow: 0 0 22px ##0050a4;
}

.services-block-two .inner-box:hover {
    box-shadow: 0 0 22px black;
}


.lg-symbol-div p {
    text-align: left;
}

.try-us {
    position: relative;
    height: 0;
    width: 300px;
    top: 50px;
    margin: auto;
    color: white;
    text-align: center;
    font-weight: bold;
}

a h1 {
  color: white;
  font-weight: bold;
}

@media only screen and (max-width: 600px) {
  .title h2 {
    text-align: center; 
  }

  .text {
    text-align: center;
  }
}