@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

.raleway {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-size: 35px;
  font-weight: 100;
  font-style: thin;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.logo{
  width:100%;
}

.splide__slide img {
    width: 100%;
    height: auto;
  }

.brownButton{
    border-radius: 5px;
    background-color:#85754e;
    color: white;
    padding: 10px;
    text-decoration: none;
}

.brownButton:hover{
    background-color:black;
    color: white;
}

.mycontainer{
  position:relative;

}

.mycontainer:hover .overlay{
  opacity:1;
}

.overlay{
  /* width:100%; */
  height : 50%; 
  position:absolute;
  bottom:0px;
  opacity:0;
  background: rgba(0, 31, 6, 0.5);
  transition: all 0.9s ease-out;
  text-align:center;
  padding:10px;
  font-size: 25px;
  color: white;
}


@media only screen and (min-width: 600px) {
  .hidden {
      opacity: 0.1;
      transform: translateX(20px);
      transition: all 1s;
    }
  
    .show {
      opacity: 1;
      transform: translateX(5px);
  
    }
}

@media only screen and (max-width: 600px) {
    .topheader{
      display:none;
      
    }
    .singaporeworkforce{
      font-size: 40px;
      text-align: center;
    }

    .managermessage{
      font-size: 20px;
    }
}