html,body{
  width:100%;
  height:100%;
}
body{
  /* The image used */
  background-image: url("back.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;
}

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

.caption img{
  background-color: rgba(244,123,32,0.7);
  padding: 5px;
}

.caption span.border{
  background-color: rgba(244,123,32,0.7);
  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; } }