body {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #0c1354;
}

.nav-item:hover {
  background-color: #e3e3e3;
}

/* Nav bar */
#header {
  background-color: #0c1354;
  color: white;
  padding: 15px 5px;
}

#booknow {
  background-color: #bf431e;
  color: white;
  font-weight: bold;
}

#booknow:hover {
  background-color: #9a3718;
}

.colorBlock {
  background-color: #0c1354;
  color: white;
  margin-top: 8px;
  padding: 8px 15px;
  cursor: pointer;
  border: none;
}

.colorBlock:hover {
  background-color: #0a0f43;
}

#redBlock {
  background-color: #bf431e;
}

#redBlock:hover {
  background-color: #9a3718;
}

.bg {
  padding: 15px 20px;
  min-height: 25%;
}

.bg-2 {
  background-color: white;
}

.bg-3 {
  background-color: #0c1354;
  color: white;
}

.psettwo {
  font-size: 0.9em;
}

.services {
  padding: 5px 10px 5px 10px;
}

input[type=text], textarea {
  background-color: #c9d0d7;
  border: none;
  margin: 4px;
  padding: 5px 15px;
  width: 65%;
}

input::placeholder, textarea::placeholder {
  color: black;
  font-size: 0.7em;
}

#tc {
  font-size: 0.7em;
  padding: 8px 15px;
}

#contactForm {
  background-color: #b6bfc9;
  padding: 10px 0px;
  max-width: 75%;
  margin: auto;
}

.btn-group {
  padding-bottom: 10px;
}

/* IMAGES */
img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
}

.mobile {
  max-width: 100%;
  height: 300px;
}

#socials {
  max-width: 100%;
  height: 300px;
}

.cards {
  max-width: 100%;
  height: 50px;
}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.parallax-swancentre {
  background-image: url("../IMG/swancentre.jpg");
}

.parallax-swancentre_2 {
  background-image: url("../IMG/swancentre_2.png");
}

.parallax-airport {
  background-image: url("../IMG/airport-1.jpg");
}

.parallax-meeting {
  background-image: url("../IMG/meeting.jpg");
}

.parallax-app {
  background-image: url("../IMG/app.jpg");
}

.parallax-eastleigh {
  background-image: url("../IMG/eastleigh.png");
}

.parallax-handshake {
  background-image: url("../IMG/handshake.png");
}

.parallax-meeting {
  background-image: url("../IMG/meeting.jpg");
}

.card-deck {
  color: #0c1354;
}

.card {
  border: none;
}

/* Footer Social media icons */
.icons {
  height: 36px;
}

.appIcons {
  max-width: 200px;
  margin: auto;
}

.appIcons-1 {
  width: 128px;
  margin: auto;
}

/* Add a gray background color and some padding to the footer */
footer {
  background-color: #f2f2f2;
  padding: 25px;
}