html,body{
  width:100%;
  height:100%;
}
body{
  /* The image used */
  background-image: url("Downtime_img.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  /* No spacing around body */
  margin:0;
  padding:0;

  /* Set font */
  font-family: 'Open Sans', sans-serif;
}

.container{
  background-color: rgba(255,255,255,0.3);
  height: 100%
}

.caption{
  position: absolute;
  right: 10%;
  top: 30%;
  width: 90%;
  text-align: right;
  color: #000;
}

.caption img{
  background-color: rgba(85,85,85,0.8);
  padding: 5px;
}

.caption .logo{
  padding: 20px;
}

.caption span.border{
  background-color: rgba(85,85,85,0.8);
  color: #fff;
  padding: 6px;
  font-size: 25px;
  line-height: 52px;
  font-weight: 600;
}

.caption .sm{
  margin-top:-10px;
  top: 10px;
  position: relative;
  background-color: transparent;
}

.animation {
  animation-delay: 2s;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

@keyframes fadein {
  from { opacity: 0; } to { opacity: 1; } }

@-moz-keyframes fadein { /* Firefox */
    from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity:0; } to { opacity:1; } }

@-o-keyframes fadein { /* Opera */
    from { opacity:0; } to { opacity:1; } }