/* Style Sheet for professionalSummary page */

@import url('styles-main.css');
@import url('styles-academicSum.css');


/* Mobile Background */
.apl-background {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -2;
  width: 100vw;
  height: 100%;
  background-image: url('../images/bkgtech1-mobile.png');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.grid-section-b,
.grid-section-c,
.grid-section-d,
.grid-section-e {
  transition-duration: 0.5s;
}

.grid-section-b .heading-3-group h3,
.grid-section-c .heading-3-group h3,
.grid-section-d .heading-3-group h3,
.grid-section-e .heading-3-group h3 {
  border-radius: 12px;
  /*background-color: rgba(255, 255, 255, 0.1);*/
  margin-right: 1em;
  padding-left: 0.3em;
  text-align: center;
  /*box-shadow: 0 12px 16px 0 rgba(0,0,100,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
  box-shadow: 12px 5px 16px 8px rgba(0,0,100,0.24)
}

.grid-section-b .heading-3-group h3:hover,
.grid-section-c .heading-3-group h3:hover,
.grid-section-d .heading-3-group h3:hover,
.grid-section-e .heading-3-group h3:hover {
  box-shadow: 9px 2px 16px 8px rgba(0,0,100,0.24);
  background-color: rgba(255, 255, 255, 0.25);
}


/* Media Queries */

@media(min-width: 900px) {

  .apl-background {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -2;
    width: 100vw;
    height: 100%;
    background-image: url('../images/bkgtech1.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }



  .grid-section-b .heading-3-group h3,
  .grid-section-c .heading-3-group h3,
  .grid-section-d .heading-3-group h3,
  .grid-section-e .heading-3-group h3 {
    padding: 1em;
  }

}