/* skillCard */
#skillCardText {
  min-height: 20rem;
  max-height: 30rem;
}

#skillCardImage_1 {
  background-image: url(images/coding.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#skillCardImage_2 {
  background-image: url(images/bike.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60vh;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fixed {
  background-image: url('images/surf.jpg');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}

/* ABOUT ME */
#bannerAboutMe {
  height: 50vh;
}

#bannerAboutMeBackground {
  background-image: url(images/beach.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative; 
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* PROJECTS */
#messagingARLogo {
  background-image: url(images/aR_get_the_app.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 5rem;
}

#dailyDeutschLogo {
  background-image: url(images/DAILY_GERMAN_BANNER.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 5rem;
}

#App_Store_Badge_White {
  background-image: url(images/App_Store_Badge_White.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 5rem;
}

#comingSoon {
  background-image: url(images/more\ and\ bigger\ Apps\ coming\ soon\ ….svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 5rem;
}


/* CONTACT */

#pinIcon {
  background-image: url(images/pin.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 5rem;
  margin: 0;
  padding: 0;
}

#mailIcon {
  background-image: url(images/mail_border.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 5rem;
  margin: 0;
  padding: 0;
}

a {
  background-color: rgba(0,0,0,0);
  transition: transform .2s; /* Animation */
}
a:hover{
  transform: scale(1.03);
}