body{font-family: "Google Sans", sans-serif; font-optical-sizing: auto;}
.logo{max-height: 40px}
.navbar-nav .nav-link{font-weight: 600; color: rgba(0,0,0,1) !important; line-height: 38px}
.navbar-nav .nav-link:hover{background-color: #eee; border-radius: 18px}
.banner { background-image: url(../img/banner-bg.jpg);  background-repeat: no-repeat; 
	background-position: center center; background-size: cover; 
	background-attachment: scroll !important; border-radius: 24px; min-height: 70vh;
}
.app-screen{position: absolute; top:-5rem; max-height: 80vh}
.banner-caption{font-size: 4rem; line-height: 4rem}
.section-caption{font-size: 3rem; line-height: 3rem}
.sub-caption{font-size: 3rem; line-height: 3rem}
.intro img{max-width:30%}
.intro h4{font-size: 1.3rem !important}
.btn-primary{background-color: #2c2bad}
.of-hide{overflow: hidden;}
.adv{background: #12133b; border-radius: 24px; color: #fff}
#billbookFaq button{font-size: 17px; font-weight: 600}

button:focus,
button:active,
button:focus-visible,
.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.list-unstyled .bi{display: inline-block; float: left;}

@media (min-width: 1800px) {
  .banner{padding: 0 75px; min-height: 510px;}
  .banner-caption{font-size: 4rem; line-height: 4rem}
}

@media (min-width: 1400px) {
  .banner{padding: 0 75px; min-height: 510px;}
  .banner-caption{font-size: 3.5rem; line-height: 3.5rem}
}

@media (max-width: 1380px) {
  .banner{padding: 0 65px; min-height: 50vh;}
  .banner-caption{font-size: 3.5rem; line-height: 3.5rem; margin-top: 20px !important}
}

@media (max-width: 1200px) {
  .banner{padding: 0 65px; min-height: 50vh;}
  .banner-caption{font-size: 2.4rem; line-height: 2.4rem; margin-top: 20px !important}
}

@media (max-width: 1080px) {
  .banner{padding: 0 45px; min-height: 25vh;}
  .banner-caption{font-size: 2.4rem; line-height: 2.4rem}
  .section-caption{font-size: 2.2rem; line-height: 2.2rem; margin-top: 0px !important}
  .sub-caption{font-size: 2rem; line-height: 2rem}
}
@media (max-width: 900px) {
  .banner{padding: 0 45px; min-height: 40vh;}
  .app-screen{position: static; top:-5rem;}
  }
@media (max-width: 767.98px) {
	.logo{max-height: 35px}
  .banner { padding: 0 15px; min-height: 70vh;}
  .intro img{max-width:50%}
  .intro h4{font-size: 1.2rem !important}
  .sm-hide{display: none;}
  .intro h4{font-size: 1rem !important}
  .banner-caption{font-size: 2.2rem; line-height: 2.2rem}
  .section-caption{font-size: 2rem; line-height: 2rem}
  .sub-caption{font-size: 1.8rem; line-height: 2rem}
  .app-screen{position: static; top:-5rem; max-height: 80vh}
  .navbar-nav {min-height: 92vh; padding: 30px; text-align: center;}
  .navbar-nav .nav-link{font-size: 30px; padding-top: 1rem; padding-bottom: 1rem; text-transform: uppercase; }
  .navbar-nav .nav-link .btn{font-size: 24px; width: 100%; border-radius: 36px !important; text-transform: uppercase;}
}