html,
    body,
    header,
    .jarallax {
      height: 100%;
    }

    @media (min-width: 560px) and (max-width: 740px) {
      html,
      body,
      header,
      .jarallax {
        height: 500px;
      }
    }

        .navbar.top-nav-collapse {
            background: #103f6d!important;
        }
        .navbar {
          box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
        }
        .text-center.center {
            /* margin: 0 auto;
            width: 50%; */
            padding-top: 15%;
        }
        @media(max-width:768px) {
          .text-center.center {
              /* margin: 0 auto; */
              /* width: 85%; */
              padding-top: 35%;
          }
          .p-5{
            padding:1.5rem!important;
          }
        }
.bg-dark-half{
  background-color:#212121db !important;
}
section{
  width: 100%;height: 100%;
}