/* Show it's not fixed to the top */
body {
  font-family: "helvetica",Tahoma, Geneva, sans-serif;
  color: #fff;
  letter-spacing: 0px;
}


.intro {
background-color: #371A8C;
background-image: linear-gradient(-1deg, #A725CC 0%, #371A8C 100%);
background-image: url('../img/fa-bg.jpg?5');
background-position: bottom center;
min-height: 800px;
padding-bottom: 0;
position: relative;
border-radius: 0;
margin: 0;
}


.hero {padding-top: 140px;}
.hero p {font-size: 20px;}
h1 {color: #fff; letter-spacing: 2px; font-size: 48px; font-weight: 800;}
h2 {}
.gift {background-color: #FF4862; margin: 0; padding-top: 30px; padding-bottom: 30px; border-radius: 0;}
.slide {text-align: left; background-color: #fff; color: #262e36; margin: 0; padding-bottom: 0;}
.gift-title {font-size: 20px; position: relative;}
.phone1 {bottom: 0px; right: 0; left:0; margin: auto; z-index: 2;}
.gift-img {position: absolute; margin-top: -10px;}
.gift-title span {padding-left: 70px;}
.howslide {padding-top: 80px;}
.btn-support {border-radius: 30px; border:1px solid #ccc; color: #333 !important; padding: 15px 30px; font-size: 14px;}



@media only screen and (max-width: 600px) {
h1 {font-size: 26px;}
.logo {max-width: 150px;}
.hero {padding-top: 40px; text-align: center;}
.hero p {font-size: 16px;}
.down-btn img {max-width: 150px !important;}
.intro {min-height: 700px;}
.gift-title span {display: block;
    width: 100%;
    padding: 0;
    margin-top: 45px;}
.gift-img {position: absolute;
    margin: auto;
    width: 50px;
    left: 0;
    right: 0;
    margin-top: -10px;}
.jumbotron {padding-left:0; padding-right: 0;}
h2 {text-align: center;}
}
