html, 
body, 
.apply-page-content {
  height: 100%;
}
html, 
body, 
section {
  margin: 0;
  padding: 0;
}
@font-face {
    font-family: Montserrat-Light;
    src: url(/_files/fonts/Montserrat/Montserrat-Light.ttf);
}
.apply-page-content {
  display: table;
  width: 100%;
}
.apply-page-content .apply-content-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* Media Queries */
@media only screen and (max-width: 340px) { 
    .apply-page-content {
      position: relative;
      display: block;
      float: left;
      vertical-align: baseline;
      margin: 0 auto;
      padding-top: 30px;
      padding-bottom: 30px;
  }
  html, 
  body, 
  .container {
    height: auto;
  }
}
/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(/_files/css/images/background-photo-mobile-devices.jpg);
  }
  .apply-title-text {
    font-size: 3rem;
  }
  .xv-apply-icons-wrap {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
  .xv-apply-icons-wrap .xv-apply-link-icon {
    font-size: 5rem;
  }
  .xv-apply-icons-wrap .xv-apply-link-text {
    font-size: 14px;
  }
  .xv-apply-icons-wrap .xv-icon-first {
    margin-bottom: 30px;
  }
  .xv-apply-icons-wrap .xv-icon-second {
        margin-bottom: 30px;
  }
    .apply-top-div {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 25px;
    }

    .apply-bottom-div {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-bottom: 25px;
    }
    
}

/* For mobile devices */
@media only screen and (min-width: 768px) {
  .apply-title-text {
    font-size: 6rem;
  }
  .xv-apply-icons-wrap {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
  .xv-apply-icons-wrap .xv-apply-link-icon {
    font-size: 8rem;
  }
  .xv-apply-icons-wrap .xv-apply-link-text {
    font-size: 21px;
  }
    .apply-bottom-div {
        margin-bottom: 25px;
        padding: 5rem 0 4rem 0;
    }

    .apply-top-div {
        padding: 4rem;
        margin-top: 25px;
    }

}
body#apply-page {
    /* Location of the image */
    /*background-image: url('/_files/assets/apply-landing-page/bg-image.jpg');*/
    /* Image is centered vertically and horizontally at all times */
    background-position: center center;
    /* Image doesn't repeat */
    background-repeat: no-repeat;
    /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based on its container's size */
    background-size: cover;
    /* Pick a solid background color that will be displayed while the background image is loading */
    background-color: #464646;
}

/** custom css starts **/
.xv-apply-page-logo {
  max-width: 50%;
  margin: 0 auto;
}
.xv-apply-page-wrapper .apply-title-img {
  width: 60%;
  margin: 0 auto;
}
.xv-apply-page-wrapper .apply-title-text-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
}
.apply-title-text {
  color: #fff;
  font-family: "Montserrat-Light";
  text-transform: capitalize;
}
.xv-apply-page-wrapper .xv-apply-link {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}
.xv-apply-icons-wrap .xv-apply-link-icon,
.xv-apply-icons-wrap .xv-apply-link-text {
  display: block;
}
.xv-apply-icons-wrap .xv-apply-link-text {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  padding-top: 10px;
}
.apply-bottom-div {
    background-color: rgba(0,127,103, 0.94);
}
.apply-top-div {
    background-color: rgba(0,158,128, 0.94);
}