html{

  -webkit-text-size-adjust:100%

}

body{

  margin:0;

  font-family:-apple-system,BlinkMacSystemFont,Arial,"Helvetica Neue",Helvetica,sans-serif;

  background: #090f1e;

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  line-height: 1.5;

}

#wrapper {

  max-width: 990px;

  margin: 0 auto;

  padding: 0 20px 20px;

}



.btn {

  display: inline-block;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 700;

  padding: 10px 30px;

  margin: 0 3px 5px;

  text-align: center;

  color: #fff !important;

  background: rgba(0,0,0,0) linear-gradient(107deg,rgb(0,152,255) 0%,rgb(0,102,253) 100%) repeat scroll 0% 0%;

}

a.btn {

  text-decoration: none;

}

.btn:hover {

  opacity: .8;

}

.btn.btn-green {

  background: rgba(0,0,0,0) linear-gradient(107deg,rgb(0 146 26) 0%,rgb(52 207 0) 100%) repeat scroll 0% 0%;

}



header {

  text-align: center;

  padding: 10px;

  background: #1e283f;

  background: -moz-linear-gradient(left,#1e283f 0%,#101829 100%);

  background: -webkit-linear-gradient(left,#1e283f 0%,#101829 100%);

  background: linear-gradient(to right,#1e283f 0%,#101829 100%);

}

header img {

  width: 100px;

  height: auto;

}



#alert {

  position: relative;

  margin: 15px 0;

  background: url(img/bonus.jpg) no-repeat;

  min-height: 220px;

  padding: 30px 15px 0;

}

#alert .title {

  font-size: 56px;

  font-weight: bold;

}

#alert .subtitle {

  margin-bottom: 20px;

}

#alert .btn {

  margin-bottom: 20px;

}

@media screen and (max-width: 767px) {

    #alert .title {

      line-height: 58px;

    margin: 13px 0 13px;

    }

}



article {

  background-image: linear-gradient(110deg,#1e283f,rgba(20,27,46,.6) 100%);

  padding: 15px;

  margin-bottom: 15px;

}

.text-center {

  text-align: center;

}

article p, article blockquote, article table {

  margin: 0 0 20px;

}

article blockquote {

  border-left: 5px solid #ffc107;

  font-weight: 700;

  padding-left: 20px;

  margin: 0 0 20px;

}

article table {

  text-align: center;

  border: 2px solid rgba(255,255,255,.04);

  width: 100%;

}



article table tr:first-child {

  font-weight: 700;

  background: rgba(255,255,255,.02);

  color: #fff;

}



article table tr td {

  padding: 10px 15px!important;

  border: 1px solid rgba(255,255,255,.04);

}

@media screen and (max-width: 767px) {

    .table {

        width:100%;

        overflow: auto!important;

        border: 2px solid rgba(255,255,255,.03);

        box-sizing: border-box;

        margin: 20px 0 20px

    }



    .table table {

        margin: 0 0 0 0!important;

        border: none!important;

        border-radius: 0!important

    }

}



footer {

  padding: 15px;

  font-size: 14px;

}

footer ul {

  padding: 0;

}

footer ul li {

  display: inline-block;

}

footer ul li a {

  font-size: 24px;

  text-decoration: none;

}