/*----------------------
    General Styles
----------------------*/
body {
  font-family: "Montserrat", sans-serif;
  background-color: #eaf6f6;
}
h1,
h2,
h3 {
  font-family: "Amiri", serif;
  text-transform: capitalize;
}
h2,
h3 {
  color: #071a52;
}
img {
  width: 100%;
}
header a,
section a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #17b978;
  color: #fcfefe;
  transition: all 0.3s ease-in-out;
}
header a:hover,
section a:hover {
  background: #fcfefe;
  color: #17b978;
  text-decoration: none;
}
section {
  padding: 80px 0;
}
h2 {
  font-size: 2.5em;
  margin-bottom: 30px;
}
main p,
footer p {
  color: rgb(58, 58, 58);
}
.row {
  margin: 0;
  padding: 0;
}
hr {
  border: none;
  border-top: 3px solid rgb(235, 235, 235);
}

/*  call_us_nav
----------------------*/
.call_us_nav {
  background-color: #071a52;
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 10;
}
.call_us_nav p {
  margin: 10px 0;
  color: #fff;
  font-weight: bold;
}
.call_us_nav a {
  padding: 5px 0;
  display: inline-block;
  color: #eaf6f6;
  font-weight: lighter;
  font-style: italic;
}
/*----------------------
    Header styles
----------------------*/
header {
  height: 45vh;
  color: #fff;
}
header.home {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
    url(../img/home.jpg) center center/cover;
}
.intro_box {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px;
  width: fit-content;
  text-align: center;
}
/*  fleet_section
------------------------*/
.fleet_services {
  padding: 80px 0;
}
.fleet_services h2 {
  color: #071a52;
}
.fleet_services h2::first-letter {
  font-size: 1.5em;
}
.services_section {
  margin-bottom: 30px;
}
.fleet_section figure img {
  width: 100%;
}

.fleet_section figcaption {
  padding-top: 10px;
  padding-bottom: 10px;
}

.fleet_section figcaption h3 {
  font-size: 1.3em;
}

.fleet_section figcaption ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.fleet_section a {
  display: inline-block;
  padding: 7px 14px;
  margin: 20px 0 20px 15px;
  color: #fcfefe;
  background-color: #17b978;
  transition: all 0.3s ease-in-out;
}

.fleet_section a:hover {
  background-color: #fcfefe;
  color: #17b978;
  text-decoration: none;
}
/*  services_section
------------------------*/

.carousel-item {
  height: 40vh;
}

.carousel-caption h3 {
  background-color: #fcfefe;
  color: #071a52;
  opacity: 1;
  display: inline-block;
  text-transform: capitalize;
  padding: 10px 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.carousel-item.airport {
  background: url(../img/services/airport.jpg) center center/cover;
}

.carousel-item.business {
  background: url(../img/services/business.jpg) center center/cover;
}

.carousel-item.prom {
  background: url(../img/services/proms.jpg) center center/cover;
}

.carousel-item.wedding {
  background: url(../img/services/wedding.jpg) center center/cover;
}

.carousel-item.shuttle {
  background: url(../img/services/shuttle.jpg) center center/cover;
}

.carousel-item.outlet {
  background: url(../img/services/outlets.jpg) top center/cover;
}

.carousel-item.casino {
  background: url(../img/services/casino.jpg) center center/cover;
}

.carousel-item.concert {
  background: url(../img/services/concert.jpg) center center/cover;
}

.carousel-item.bachelorette {
  background: url(../img/services/bachelorette.jpg) center center/cover;
}

.carousel-item.quinceanera {
  background: url(../img/services/quin.jpg) 50% 30% / cover;
}

.carousel-item.cruise {
  background: url(../img/services/cruise.jpg) center center/cover;
}

.carousel-item.birthday {
  background: url(../img/services/birthday.jpg) center center/cover;
}
/*---------------
    why_us
---------------*/
.why_us {
  padding: 80px 0;
}
.why_us h3 {
  margin: 5px 0;
  color: #071a52;
}
.why_us .feature {
  background-color: #fcfefe;
  border-radius: 10px;
  padding: 0;
  margin: 10px 0;
  border: 5px solid #eaf6f6;
}
.feature_text {
  padding: 15px;
}
/*-------------
    call_us
-------------*/
.call_us {
  background-color: #fcfefe;
}
.call_us p {
  font-size: 1.2em;
  color: #071a52;
}
.call_us p a {
  background: none;
  padding: 5px 0;
  color: #071a52;
  font-weight: bold;
}
.call_us p a:hover {
  text-decoration: underline;
}

/*-------------
    footer
-------------*/
footer {
  padding: 40px 0 80px;
  border-top: 1px solid #ddd;
  background-color: #eaf6f6;
  color: #071a52;
}
footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer li,
footer p {
  color: #071a52;
}
footer a {
  color: #071a52;
}
footer a:hover {
  color: #17b978;
}
.foot {
  margin: 10px 0;
}

/*Contact page
------------------*/
header.contact {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)),
    url(../img/call.jpg) center center/cover;
}
/*----------------------
    message_us
----------------------*/
.contact_form input,
.contact_form textarea {
  padding: 5px;
  border: 1px solid #6b6d72;
  margin: 3px 0;
  color: rgb(34, 34, 34);
}
.contact_form textarea {
  height: 200px;
}
.contact_form button[type="submit"] {
  background-color: #17b978;
  display: inline-block;
  padding: 7px 14px;
  border: none;
  transition: all 0.3s ease-in-out;
  color: #fff;
}
.contact_form button[type="submit"]:hover {
  background-color: #fff;
  color: #17b978;
}

/*Quote & Reservation page
----------------------------*/
header.quote {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)),
    url(../img/quote.jpg) center center/cover;
}
header.reservation {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)),
    url(../img/reservation.jpg) center center/cover;
}