@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

html, body{
    height: 100%;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #444;
}
.logo{
    height: 30px;
}
/*--- Fixed Background Image --*/
figure {
    position: relative;
    width: 100%;
    height: 100%;
    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('img/karfidesign_team.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;
  }
  /*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}
.carousel-item {
  height: 100vh;
}
.carousel-inner img{
    width: auto;
    height: 100%;
    object-fit: contain; /* Keeps aspect ratio, fits within bounds */
    object-position: center; /* Centers the image */
}
.carousel-caption{
position: absolute;
top: 5%;
transform: translateX(-50%);
}
.carousel-caption h1{
font-size: 600%;
text-transform: uppercase;
text-shadow: 1px 1px 10px #000;
}
.carousel-caption h3{
font-size: 200%;
font-weight: 500;
text-shadow: 1px 1px 10px #000;
padding-bottom: 1rem;
}
.mainProductsClass{
    height: 200px;
}
.social a{
    font-size: 4.5em;
    padding: 3rem;
  }
  .social a:hover{
    color: transparent;
  }
  .fa-facebook{
    color: #3b5998;
  }
  .fa-twitter{
    color: #00aced;
  }
  .fa-google-plus-g{
    color: #dd4b39;
  }
  .fa-instagram{
    color: #517fab;
  }
  .fa-youtube{
    color: #bb0000;
  }
  .fa-facebook:hover,
  .fa-twitter:hover,
  .fa-google-plus-g:hover,
  .fa-instagram:hover,
  .fa-youtube:hover{
    color: black;
  }
  hr.light{
    border-top: 1px solid #d5d5d5;
    width: 65%;
    margin-top: 0.2rem;
    margin-bottom: 1rem;
  }
.showborderred{
    border: 2px solid red;
}
.showborderblue{
    border: 2px solid blue;
}
.showborderyellow{
    border: 2px solid yellow;
}