.social-btn {
    width: 4vw;  /* Button size */
    height: 4vw;
    background-color: #212529; /* Dark gray (Bootstrap's dark color) */
    color: #FFC107; /* Icon color */
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.social-btn:hover {
    background-color: #FFC107 !important; /* Bootstrap warning color */
    color: black !important; /* Changes icon color */
}


.sm-hero-section {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url('../images/team_photo.jpg'); /* Zde vlož cestu k tvému obrázku */
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.hero-section {
background-image: url('../images/team_photo.jpg');
height: 100vh; 
background-size: cover;
background-position: center top 75%;
background-repeat: no-repeat;
}