section .container{
  padding-top: 3em;
  padding-bottom: 3em;
}
body{
  background: #333;
  color: #fff;
}
h1{
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  background: -webkit-linear-gradient(top, #C3AE66, #E0D17E);
  background: linear-gradient(top, #C3AE66, #E0D17E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h2{
  color: #FFF;
  /*background: -webkit-linear-gradient(top, #ECC76D, #FDE7B3);
  background: linear-gradient(top, #ECC76D, #FDE7B3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
p, ul, ol{
  color: #fff;
}
.li-flag a{
  padding: 0.75em 5px !important;
}
.li-login{
  margin-left: 1em;
  padding: 0 1em;
  border: 2px solid #fff;
}
.li-login:hover{
  background: #D09B46 !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #C3AE66, #E0D17E) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #C3AE66, #E0D17E) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #C3AE66, #E0D17E) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #C3AE66, #E0D17E) !important; /* Standard syntax */
  border: 2px solid #FDE7B3;
}
.sf-menu a{
  color: #fff;
}
.overlay-background{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .2;
}
.fh5co-cover, .fh5co-hero{
  height: 700px;
}
.grad {
  background: #D09B46 !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, rgba(188,166,96,.8), #E0D17E) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, rgba(188,166,96,.8), #E0D17E) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, rgba(188,166,96,.8), #E0D17E) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, rgba(188,166,96,.8), #E0D17E) !important; /* Standard syntax */
}
.grad2{
  background: #D09B46 !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #D09B46, #FDE7B3) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #D09B46, #FDE7B3) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #D09B46, #FDE7B3) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #D09B46, #FDE7B3) !important; /* Standard syntax */
}
#header-logo{
  width: 65px;
  margin-right: 10px;
}

#fh5co-logo a{
  color: #E0D17E;

}
#banner{
  background-image: -webkit-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
  background-image: -moz-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
  background-image: -ms-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
}
#pool{
  text-align: center;
 /* background: #000; */
 background-image: url("../images/z.jpg");
  /*background-image: -webkit-linear-gradient(rgba(154,125,67,.8), rgba(104,65,25,.8), rgba(154,125,67,.8)), url("../images/z.jpg");*/
/*  background-image: -webkit-linear-gradient(rgba(188,166,96,.8), rgba(175, 152, 4,.8), rgba(188,166,96,.8)), url("../images/z.jpg");
  background-image: -moz-linear-gradient(rgba(188,166,96,.8), rgba(175, 152, 4,.8), rgba(188,166,96,.8)), url("../images/z.jpg");
  background-image: -ms-linear-gradient(rgba(188,166,96,.8), rgba(175, 152, 4,.8), rgba(188,166,96,.8)), url("../images/z.jpg");
  */
  background-size: cover;
  background-repeat: no-repeat;
}
#pool-number{
  text-align: center;
  font-size: 65px;
  margin-bottom: 3px;
  color: #fff;
}
#lbl-coin-amt{
  font-size: 30px;
  margin-left: 0.5em;
  /*background: -webkit-linear-gradient(top, #ECC76D, #FDE7B3);
  background: linear-gradient(top, #ECC76D, #FDE7B3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  color: #f9d8ae;
}
.img-pool-coin{
    margin: 0 1.5em;
    vertical-align: top;
}
.desc-container{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.fh5co-cover .desc h2{
  font-size: 55px;
  background: -webkit-linear-gradient(top, #C3AE66, #E0D17E);
  background: linear-gradient(top, #C3AE66, #E0D17E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fh5co-cover .desc{
  position: relative;
  width: 65%;
  top: initial;
  margin-top: 0;
  text-align: left;
  vertical-align: middle;
}
.fh5co-cover .desc span{
  font-size: 22px;
  color: #fff;
}
.img-flag{
  width: 30px;
}
#intro p{
  margin: 0px;
  font-size: 14px;
}
#intro h6{
  margin: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  background: -webkit-linear-gradient(top, #C3AE66, #E0D17E);
  background: linear-gradient(top, #C3AE66, #E0D17E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#intro .col-md-4{
  display: table;
  padding-top: 1em;
  padding-bottom: 1em;
}
.intro-wording{
  /*display: inline-block;
  margin-left: 1.5em;*/
}
.intro-icon{
  /*display: table-cell;
  font-size: 45px;
  vertical-align: middle;*/
  margin-bottom: 0.3em;
  font-size: 38px;
  width: 85px;
  height: 85px;
  line-height: 2.3;
  border-radius: 50%;
  /*background: #B19957;*/
  color: #fff;
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#FDF496, #815F2E, #FDF496); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FDF496, #815F2E, #FDF496); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FDF496, #815F2E, #FDF496); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FDF496, #815F2E, #FDF496); /* Standard syntax */
}
.div-download{
  width: 100%;
  padding: 1em 2em;
  border-radius: 1px;
  text-align: center;
  cursor: pointer;
  background: #D09B46 !important;
  background: -webkit-linear-gradient(left top, rgba(39,39,39 ,.8), rgba(39,39,39,.8)) !important;
  background: -o-linear-gradient(bottom right, rgba(39,39,39 ,.8), rgba(39,39,39,.8)) !important;
  background: -moz-linear-gradient(bottom right, rgba(39,39,39 ,.8), rgba(39,39,39,.8)) !important;
  background: linear-gradient(to bottom right, rgba(39,39,39 ,.8), rgba(39,39,39,.8)) !important;
  color: #fff;
  border: 1px solid #E6D883;
}
.div-download i{
  margin-bottom: 5px;
}
.div-download p{
  margin: 0px;
  font-size: 14px;
  color: #fff;
}
.div-download h6{
  margin: 0;
  font-size: 20px;
  color: #fff;
}

.download-wording{
  display: inline-block;
}
.fa-wallet{
  font-size: 40px;
  margin-right: 10px;
}
.btn{
  border-radius: 0;
}
.btn-wallet-dl{
  border: 2px solid #fff !important;
  background: transparent !important;
  padding: 16px 36px !important;
}
.fh5co-cover .desc .btn.btn-learn:hover{
  background: goldenrod !important;
  border: none !important;
}
footer{
  background: #212121;
  padding: 10px 0;
}
.copyright{
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
  .fh5co-cover, .fh5co-hero{height: 700px}
  .fh5co-cover .desc span{font-size: 20px;}

  .div-download{padding: 1em}
  .div-download h6{font-size: 20px;}

  #banner{
    background-image: -webkit-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
    background-image: -moz-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
    background-image: -ms-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
  }
}

@media only screen and (max-width: 1000px) {
  #download .col-md-3{width: 50%}
  .div-download{margin-bottom: 1em;}
}

@media only screen and (max-width: 768px) {
  .fh5co-cover{padding: 0;}
  .img-pool-coin{width: 110px}
  #coin-amt{font-size: 55px;}
  .li-login{padding: 3px 1em !important}
  .li-flag{display: inline-block;}
  #offcanvas-menu ul li a{color: #fff;}

  #banner{
    background-image: -webkit-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
    background-image: -moz-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
    background-image: -ms-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
  }
}
@media only screen and (max-width: 700px) {
  p{font-size: 18px;}
  .fh5co-cover .desc{width: 100%}
  .fh5co-cover .desc h2{font-size: 45px;}
  .fh5co-cover .desc span{font-size: 18px}
  #pool-number{font-size: 50px}
}

@media only screen and (max-width: 650px) {
  .img-pool-coin{display: block; margin: 10px 0}
}

@media only screen and (max-width: 550px) {
   p{font-size: 16px;}
   section .container{padding-top: 1.5em; padding-bottom: 1.5em}
   .fh5co-cover, .fh5co-hero{height:600px}

  .fh5co-cover .desc{width: 100%; text-align: center}
  .fh5co-cover .desc .btn.btn-learn{padding: 14px 30px;}
  .btn-wallet-dl{padding: 12px 30px !important;}
  .fh5co-cover .desc h2{font-size: 36px;}
  .fh5co-cover .desc span{font-size: 16px;}

  .img-pool-coin{width: 90px}
  #lbl-coin-amt{font-size: 25px;}
  #coin-amt{font-size: 45px;}

  .fa-wallet{font-size: 45px; margin-right: 0.5em}
  .div-download{padding: 1.3em}
  #download .col-md-3{width: 100%}

  #banner{
    background-image: -webkit-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
    background-image: -moz-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
    background-image: -ms-linear-gradient(left, rgba(39,39,39 ,.8), rgba(39,39,39,.8)), url("../images/city.jpg");
  }
}