@-webkit-keyframes bg-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes bg-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes bg-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes bg-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

div.landing {
    background-color: #2A2D3C;
    text-align: center
}

/*div.landing:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}*/

div.landing #bg {
    -moz-animation: bg-in 3s;
    -webkit-animation: bg-in 3s;
    -o-animation: bg-in 3s;
    -ms-animation: bg-in 3s;
    animation: bg-in 3s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-image: url("images/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100% + 20px);
    left: -10px;
    opacity: 0;
    position: fixed;
    top: -10px;
    width: calc(100% + 20px);
    z-index: -1;
}


/*Mobile - no responsive bg*/
body.touch #bg {
    display: none;
}
body.touch #mandate {
  background-image: url("images/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat
}