.progress{height:25px;background-color:bg-light}
.progress-bar{margin-bottom:.25rem!important;line-height:25px;text-align:right}
.progress-bar.download{background-color:#25b639!important}
.progress-bar:focus,.progress-bar:hover{background-color:#1e2c7e!important;color:#f1e5e5e0}
.tooglePop:hover{cursor:pointer}
.progress-txt{float:left;margin-bottom:.25rem!important;margin-right:.25rem!important;line-height:25px}
.card-header .fa{transition:.3s transform ease-in-out}
.card-header .collapsed .fa{transform:rotate(90deg)}
section{padding-top:5rem}
.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 25%,#ee073ce0 100%),url(/img/mobile_phone.png);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.masthead h1{font-family:'Varela Round';font-size:2.0rem;line-height:2.0rem;letter-spacing:.8rem;color:#ee073ce0;background:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));-webkit-text-fill-color:#ee073ce0;background-clip:text}
.masthead h2{max-width:20rem;font-size:1rem}
@media (min-width:768px){.masthead h1{font-size:1.5rem;line-height:1.5rem}}
@media (min-width:992px){.masthead{height:100vh;padding:0}.masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}.masthead h2{max-width:30rem;font-size:1.25rem}}