html {
          height:100%;
      }
      body {
          height:100%;
          margin:0;
          background:#0099e6;
          background-image:url('/images/bg.jpg');
          background-repeat:no-repeat;
          background-size:cover;
          background-position:center center;
          font-family: 'Open Sans', sans-serif;
      }
      #top {
          position:absolute;
          top:18%;
          width:100%;
          text-align:center;
      }
      #top h2 {
          color:#fff;
          font-size:52px;
          margin-bottom:0;
          font-weight:700;
      }
      #top strong {
          color:#fff;
          font-size:22px;
          font-weight:400;
      }
      #bottom {
          position:absolute;
          bottom:5%;
          width:100%;
          text-align:center;
          color:#fff;
      }
      #bottom p {
          color:#fff;
          font-size:15px;
      }
      #bottom img {
          width:330px;
          margin-top:15px;
      }
      #bottom a {
          margin-top:15px;
          color:#fff;
          text-decoration:none;
          display:inline-block;
          border:2px solid #fff;
          padding:8px 13px;
          -webkit-transition: all 200ms ease-out;
          -moz-transition: all 200ms ease-out;
          -o-transition: all 200ms ease-out;
          transition: all 200ms ease-out;
      }
      #bottom a:hover {
          background:#0099e6;
      }
      #bottom a:last-child {
          margin-left:15px;
      }