html, body {
   height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0091bd+0,8af4ff+100 */
background: #0091bd; /* Old browsers */
background: -moz-linear-gradient(top, #0091bd 0%, #8af4ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0091bd 0%,#8af4ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0091bd 0%,#8af4ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091bd', endColorstr='#8af4ff',GradientType=0 ); /* IE6-9 */
}

.svg-wraper{
 position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#logo
{
    max-width:500px;
}
#wellcome{
  padding-bottom: 50px;
  text-align: center;
  font-weight: 300;
  font-size: 3em;
  color: #fff;
  opacity: 0;
}