@charset "utf-8";

/* CSS Document */

html,body{height:100%;}

.button{display: inline-block; background: #ff5722; color: #fff; padding: 10px 100px; border-radius:3px; text-decoration: none;}

.button:hover{background: #f44336;}

.cover{height: 96%; background-image: url("../images/buildings/img_8.jpg");

 background-size: cover;

 -o-background-size: cover;

 -moz-backgroun-size: cover;

 background-position: center center; position: relative;}

.cover-filter{ background: #060000; width: 100%; height: 100%; position: absolute;z-index: 0;opacity: 0.5;}

.cover-caption{display: table; heigth: 100%; width: 100%;position: relative;z-index: 1;padding: 10px 10px}

.cover-caption-copy{display: table-cell; padding-top:20%; text-align: center;color: aliceblue;}







@media (max-width: 767px){

.cover{height:100%;}

}



*,

*:before,

*:after{

 -web-kit-box-sizing:border-box;

 -moz-box-sizing:border-box;

 box-sizing:border-box;

}

/*---------------------

   --   Animate  --

-----------------------*/

.animated {

 animation-duration: 1s;

 animation-fill-mode: both;}

.animated.infinite {

 animation-iteration-count: infinite;}

.animated.delay-1s {

 animation-delay: 1s;}

.animated.delay-2s {

  animation-delay: 2s;}

.animated.delay-3s {

  animation-delay: 3s;}

.animated.delay-4s {

  animation-delay: 4s;}

.animated.delay-5s {

  animation-delay: 5s;}

.animated.fast {

  animation-duration: 800ms;}

.animated.faster {

  animation-duration: 500ms;}

.animated.slow {

  animation-duration: 2s;}

.animated.slower {

  animation-duration: 3s;}

@media (print), (prefers-reduced-motion: reduce) {

.animated {

  animation-duration: 1ms !important;

  transition-duration: 1ms !important;

  animation-iteration-count: 1 !important; }

}

@keyframes fadeInUp {

from {

  opacity: 0;

  transform: translate3d(0, 100%, 0);}

to {

  opacity: 1;

  transform: translate3d(0, 0, 0);}}

.fadeInUp {

  animation-name: fadeInUp;}