/*!
 * General
 */
body {
  width: 100%;
  height: 100%;
  font-family: Verdana, Geneva, sans-serif;
  color: #000;
}

html {
  width: 100%;
  height: 100%;
}

a {
  color: #fff;
}

section .row {
  margin: 0;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #fff;
}

/*!
 * Helper classes
 */
.color-taxi {
  color: #ffd405;
}

.light {
  font-weight: 400;
}

/*!
 * Top navigation bar
 */
i.glyphicon.glyphicon-earphone,
i.fa.fa-taxi {
  font-size: 0.8em;
}

nav.navbar {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #000;
  text-transform: uppercase;
}

nav.navbar .navbar-brand {
  font-size: 35px;
  font-weight: 700;
}

nav ul.navbar-right a {
  padding: 10px;
}

nav img {
  max-width: 40px;
  max-height: 40px;
}

/*!
 * Intro page
 */
.intro {
  color: #fff;
  font-size: 40px;
  display: table;
  width: 100%;
  height: 100%;
  padding: 100px 0;
  text-align: center;
  background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

p.brand-heading, .intro h1 {
  text-shadow: 0 0 20px black;
}

p.intro-text {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.intro p {
  font-size: 2em;
}

.intro h1 {
  text-transform: uppercase;
  padding: 50px;
  font-size: 1.7em;
  font-weight: 700;
}

.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}

/*!
 * Intro page button
 * .btn-circle class
 */
.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid #fff;
  border-radius: 100%!important;
  font-size: 40px;
  color: #fff;
  background: 0 0;
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
 }

.btn-circle:hover,
.btn-circle:focus {
  outline: 0;
  color: #fff;
  background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
     transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

/*!
 * Contact section
 */
#contact {
  background-color: #ffd405;
}

#contact p {
  font-size: 2em;
}

#contact .row p {
  margin-top: 10%;
}

#contact .row h5 {
  margin-top: 5%;
}

#contact .row,
#contact {
  padding-top: 25px;
  padding-bottom: 25px;
}

#contact i,
#contact h1,
#contact h5 {
  color: #fff;
}

#contact h1,
#contact h5 {
  font-weight: bold;
  text-shadow: 0 0 20px black;
  font-size: 4.5em;
}

.fa.fa-mobile {
  font-size: 25em;
}

.fa.fa-envelope-o {
  font-size: 11em;
}

/*!
 * About section
 */
#about {
  font-size: 1.5em;
  color: #fff;
  background-color: #000;
  padding-bottom: 50px;
}

#about p {
  margin-top: 30px;
  margin-bottom: 30px;
}

#gallery .carousel-inner {
  margin: auto;
  width: 70%;
  height: 500px;
  border:3px solid #ffd405;
}

/*!
 * Footer
 */
footer {
  background-color: #000;
  color: #fff;
  padding-top: 5px;
  border-top: 1px solid #fff;
}

footer h4 {
  margin-top: 5%;
}

footer p {
  font-size: 0.6em;
}

/*
 * Small screen optimization
 */
@media(max-width:768px) {
  nav.navbar {
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
  }

  nav.navbar .navbar-brand {
    font-size: 20px;
  }

  ul.navbar-right li {
    display: inline-block;
  }

  nav span:not(.color-taxi) {
    display: block;
  }

  nav span.seperator {
    display: none;
  }

  #contact h1,
  #contact h5 {
    font-size: 1.5em;
  }

  #gallery .carousel-inner{
    height: 200px;
  }

  .intro {
    font-size: 18px;
  }

  .intro h1 {
    padding: 10px;
  }
}