/******************************************************************************
*                             GLOBAL
*******************************************************************************/
body,
p{
  font-size: 18px;
}

.text-gold{
  color:#b19556!important;
}

.text-white{
  color: #ffffff!important;
}

.text-black{
  color: #000000;
}

.text-blue{
  color: #112c5d!important;
}

.text-16{
  font-size: 16px;
}

.text-18{
  font-size: 18px;
}

.text-26{
  font-size: 26px;
}

.text-37{
  font-size: 37px;
}

.text-38{
  font-size: 38px;
}

.text-41{
  font-size: 41px;
}

.text-46{
  font-size: 46px;
}

.text-50{
  font-size: 50px;
}

.text-72{
  font-size: 72px;
}

.text-75{
  font-size: 75px;
}

.font-weight-black{
  font-weight: 900!important;
}

.btn{
  border-radius: 50px;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 30px;
}

.btn-white{
  background: white;
  color: #b19556;
}

.btn-gold{
  color: #ffffff;
  background: #b19556;
}

.btn:focus{
  box-shadow: 0 0 0 0;
}

a{
  color: #ffffff;
}

a:hover{
  color: #ffffff;
}


/******************************************************************************
*                             HEADER
*******************************************************************************/
.header-section{
  position: relative;
  overflow: hidden;
  height: 1000px;
}

.header-section.rushmore{
  background-size: cover!important;
  background-position: left top;
  background-repeat: no-repeat;
}

.header-section .mobile-blue{
  position: absolute;
  z-index: 20;
  bottom: 0;
}

.header-section.rushmore .top-container{
  position: relative;
  z-index: 9;
}

.header-section.rushmore .bottom-mobile{
  position: relative;
  z-index: 20;
}

.header-section .words {
  position: absolute;
  /*bottom: 62%;*/
  bottom: auto;
  top: 25px;
  width: 60%;
  width: 220px;
  left: 25px;
}

.header-section .josh{
  position: absolute;
  left: auto;
  right: 0;
  left: 80px;
  z-index: 2;
  width: 280px;
  top: 250px;
}

.header-section .bg-transparent-blue{
  background: rgba(3,16,50, 0.9);
}

.header-section .bg-money{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 19;

  display: none;
}

.header-section .bg-rushmore{
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 26%;
  display: none;
}

.header-section .money-foreground{
  background: url(../img/Layer1-Money.png);
  background-size: cover;
  background-position: top left;
  height: 470px;
  width: 100%;
  position: absolute;
  bottom: 25px;
  z-index: 19;
}

.mobile-josh-col{
  width: 300px;
}

.header-section .rushmore-bg-img{
  display: block;
  position: absolute;
  left: 0;
  top: -230px;
  height: 100%;
  z-index: -1;
}

/******************************************************************************
*                             MAIN
*******************************************************************************/

.claim-top-section img{
  margin-bottom: 15px;
}

.claim-top-section{
  padding: 80px 0;
  background-color: #ffffff;
}

.claim-top-section .icon{
  max-width: 100%;
}

.claim-top-section p{
  color: #000;
}

.cash-it-section{
  background: #143367;
  background-image: radial-gradient(#1c4c7c,#132e60); 
  position: relative;
  display: block;
  overflow: hidden;
}

.cash-it-section-bg{
  padding: 50px 0;
}

.cash-it-section p{
  color: #ffffff;
}

.free-section{
  background: #143367;
  position: relative;
  display: block;
  overflow: hidden;
}

.free-section .rushmore-bg{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

.free-section p{
  color: #ffffff;
}

.free-section-bg{
  background-size: cover!important;
  background-position: top center!important;
  background-repeat: no-repeat!important;
  padding: 80px 0;
}

.free-section .border-right{
  border-right: 1px solid #ffffff;
}

.free-section .icon {
  height: 136px;
}

.claim-bottom-section{
  padding: 60px 0 140px 0;
  background-image: url(../img/money-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom 50%;
}

.claim-bottom-section .btn{
  margin-top: 35px;
}






/******************************************************************************
*                             FOOTER
*******************************************************************************/
.footer{
  background: #b19556;
  text-align: center;
  padding: 80px 0 0 0;
}

.footer .btn{
  margin-top: 35px;
}

.footer p {
  color: #000;
}


/******************************************************************************
*                             MEDIA QUERIES
*******************************************************************************/
@media (min-width: 400px){
  .header-section .words {
    top: 25px;
    width: 270px;
    left: 25px;
  }

  .header-section .josh{
    position: absolute;
    left: auto;
    right: 0;
    left: 110px;
    z-index: 2;
    width: 290px;
    top: 290px;
  }
}/* 400px */

@media (min-width: 576px){
  .btn{
    border-radius: 31px;
    font-size: 26px;
  }
  .header-section{
    height: 970px;
  }

  .header-section .money-foreground{
    height: 430px;
    bottom: 0;
  }

  .header-section .josh {
    left: 200px;
    max-width: 100%;
    width: 60%;
    bottom: 30%;
  }
  .header-section .words{
    bottom: 43%;
    width: 60%;
  }

  .mobile-josh-col{
    width: 556px;
  }

  .header-section .rushmore-bg-img{
    top: -60px;
  }

} /*576px*/



@media (min-width: 768px){
  .border-md-right{
    border-right: 1px solid #ffffff;
  }

  .header-section{
    height: 1140px;
  }
  .header-section .josh {
    left: 260px;
    width: auto;
    bottom: 26%;
  }
  .header-section .words{
    width: auto;
    bottom: 47%;
  }

  .mobile-josh-col{
    width: 710px;
  }

  .header-section .money-foreground{
    height: 480px;
  }

  .header-section .rushmore-bg-img{
    top: 0;
  }

  .free-section-bg{
    background: url(../img/mt-rushmore.jpg);
  }

} /*768*/


@media (min-width: 992px){
  .header-section{
    height: 1130px;
  }
  .header-section .josh {
    width: auto;
    bottom: 280px;
  }
  .header-section .words{
    width: auto;
    bottom: 510px;
  }


  /*
  if I want all three there squished
  unhide 3rd col
  hide bottom section


  .content-container{
  position: absolute;
  bottom: 708px;
  }

  .header-section .words{
    bottom: 45%;
  }

  .header-section .josh{
    bottom: 27%;
  }
  .header-section{
    height: 1099px;
  }

  */
}/* 992 */

@media (min-width: 1200px){
  .header-section{
    height: 1100px;
  }

  .header-section.rushmore{
    background-position: left bottom 180px!important;
    background-repeat: no-repeat;
    background: url(../img/Layer4-Back-Money.png);
  }

  .header-section .words {
    bottom: 45%;
    width: auto;
  }

  .header-section .josh{
    bottom: 26%;
    width: auto;
    left: 270px;
  }

  .header-section .content-container{
    bottom: 48%;
  }

  .header-section .money-foreground{
    bottom: 0;
    height: 480px;
  }

  .header-section .content-container{
    position: absolute;
    bottom: 64%;
  }

  .header-section .bg-money{
    left: 0;
    bottom: 0;
  }

  .header-section .bg-rushmore{
    bottom: 20%;
  }

  .header-section .rushmore-bg-img{
    top: -260px;
    height: auto;
    width: 100%;
  }

  .header-section .bg-transparent-blue{
    background: rgba(3,16,50, 0.7);
  }



}/* 1200 */



@media (min-width: 1820px){
  .header-section.rushmore{
    background-position: center top 900px!important;
    background-size: cover;
  }
}/* 1820 */



@media (min-width: 2560px){
  .header-section.rushmore{
    background-position: center top 940px!important;
    background-size: cover;
  }
}/* 2560 */