/*--------------------------------------------------------------
# Hero-coworker Section
--------------------------------------------------------------*/
#hero-coworkers {
    width: 100%;
    height: 50vh;
    background: url("../images/P1111797.jpg") top center;
    background-size:cover;
    position: relative;
  }
  
  #hero-coworkers:before {
    content: "";
    background: rgb(0, 51, 124, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
  }
  
  #hero-coworkers .container {
    padding-top: 72px;
    position: relative;
    text-align: center;
  }
  
  #hero-coworkers h1 {
    margin: 0 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: var(--white);
  }
  
  
  @media (min-width: 1024px) {
    #hero-coworkers
     {
      background-attachment: fixed;
    }
  }
  
  @media (max-width: 768px) {
    #hero-coworkers
     h1 {
      font-size: 28px;
      line-height: 36px;
    }
    #hero-coworkers
     h2 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 30px;
    }
  }
  
  @-webkit-keyframes pulsate-btn {
    0% {
      transform: scale(0.6, 0.6);
      opacity: 1;
    }
    100% {
      transform: scale(1, 1);
      opacity: 0;
    }
  }
  
  @keyframes pulsate-btn {
    0% {
      transform: scale(0.6, 0.6);
      opacity: 1;
    }
    100% {
      transform: scale(1, 1);
      opacity: 0;
    }
  }

/*--------------------------------------------------------------
# Coworker Section
--------------------------------------------------------------*/
.section-coworker-title h3 {
    font-size: 26px;
    position: relative;
    color: var(--mainGold);
    justify-self: center;
  }


 /*--------------------------------------------------------------
# Employer-Card
--------------------------------------------------------------*/

.wrapper-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .card-container {
    overflow: hidden;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 80%);;
    background-color: var(--white);
    text-align: center;
    border-radius: 1rem;
    position: relative;
    width: 300px;
    height: 450px;
    margin-bottom: 1rem;
    /*margin-left: 1rem;*/
  }
  
  .banner-malin-img {
    position: relative;
    background: url(../images/coworkers/malin_persson.jpg);
    height: 16rem;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .banner-jim-img {
    position: relative;
    background: url(../images/coworkers/jim_hammar.jpg);
    height: 16rem;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .banner-robin-img {
    position: relative;
    background: url(../images/coworkers/robin_törnblom.jpg);
    height: 16rem;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
 
  .wrapper-flex .card-container h2 {
  color: var(--mainGold);
  padding-top: 20px;
  }

  .wrapper-flex .card-container h3 {
    color: var(--mainBlue);
    font-size: 22px;
    }
  
  .wrapper-flex .card-container p {
    padding: 8px;
    }

    .wrapper-flex .card-container a 
    {
      color: var(--mainBlue);
      text-decoration: none;
      padding-bottom: 20px;
      }

      .wrapper-flex .card-container a:hover 
      {
        color: var(--mainGold);
        text-decoration: none;
        padding-bottom: 20px;
        }

    /*--------------------------------------------------------------
# location
--------------------------------------------------------------*/

.location
{
  background-color: var(--lightGrey);
}