/*!
 * Start Bootstrap - The Big Picture (http://startbootstrap.com/template-overviews/the-big-picture)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-the-big-picture/blob/master/LICENSE)
 */

body{
}
.logo>img {
    margin: 10vh auto 0;
    display: block;
    width: 33%;
    height: auto;
    opacity: 0;
    -webkit-animation-name: fadenscale;
    -webkit-animation-duration: 3s;
    animation-name: fadenscale;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.webtaxi{
    background-image: url('img/car3.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 66vh;
    padding: 0 5vw;
    opacity: 0;
    transform: scale(1.25);
    margin: 0 auto;
    -webkit-animation-name: fade; 
    -webkit-animation-duration: 3s;
    animation-name: fade;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.footer{
    background-image: url('img/shashrcka.png');
    background-position: center bottom;
    background-size: contain;
    background-repeat: repeat-x;
    height: 64px;
    width: 100%;
    position: absolute;
    bottom: -64px;
    opacity: 0;
    -webkit-animation-name: fadenslide;
    -webkit-animation-duration: 3s;
    animation-name: fadenslide;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.wrapper {
  min-height: calc(100vh - 64px);
}
@-webkit-keyframes fade {
 100% {opacity:1;}
}
@keyframes fade {
 100% {opacity:1;}
}

@-webkit-keyframes fadenscale {
 0% {opacity:0; transform:scale(0.75)}   
 100% {opacity:1; transform:scale(1)}
}
@keyframes fadenscale {
 0% {opacity:0; transform:scale(0.75)}   
 100% {opacity:1; transform:scale(1)}
}
@-webkit-keyframes fadenslide {
 100% {bottom:0;opacity:1}
}
@keyframes fadenslide {
 100% {bottom:0;opacity:1}
}