@media screen and (min-width:1040px) {





  h1{
    font-size: 5.4vw;
    text-align: left;
  }

  .main-title h1 {
        text-align: left;
        margin: auto;
        
    }

  h2{
    font-size: 48px;
  }

  .main-title h3 {
        text-align: left;
    }

  h3{
    font-size: 20px;
  }

  p-large{
    font-size: 20px;
  }


.bg-img{
    position: absolute;
    z-index: 0;
    width: 100%;
}

.content-container{
  width:100%;
  align-self: center;
  padding: 0 calc(8.33% + 48px);

}



/*Header*/

  .header-section {
    padding: 0 48px;
    position: absolute;
  }


/*Intro*/


        .hero-section {
            position: relative;
            height: 185vh; /* Two full viewport heights */
            width: 100%;
        }

        .image-column {
            width: 40%;
            height: 100vh;
            position: sticky;
            top: 0;
            left: 0;
            z-index: 1;
            margin-top: -56px;
            padding: 0;
        }

        .profile-img-2 {
            width: 100%;
            height: 100%;
            background-image: url(../img/profile-img_05.jpg);
            background-size: cover;
            background-position: center;
            border-radius: 0;
            opacity: 0.4; /* Start with 0.3 opacity */
            transition: opacity 0.5s ease-in-out; /* Smooth transition for opacity */
        }

        .main-title {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            z-index: 2;
            padding: 0 calc(12.5%) 0 calc(27%);
            opacity: 1; /* Start with full opacity */
            transition: opacity 0.6s ease-in-out; /* Smooth transition for opacity */

        }
          .hero-section .text-column {
          margin-left: calc(40% + 16px);
          margin-top: 8vh;
  }

 /*About*/





  .column {
    width: calc(40% - 16px);
  }




  .text-column {
    width: calc(50% - 16px);

            .text-column {
            position: absolute;
            top: 100vh;
            left: 40%;
            min-height: 100vh;
            padding: 5% 5% 5% 8%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }



/*Services*/




  .service-subsection {
    gap: calc(10% + 16px)
  }





  .service-description {
    width: calc(50% - 16px);
  }



  .contact-section {
    margin-top: 320px;
  }



  .contact-links-wrap {
    margin-top: 40px;

  }

  .contact-link {
    padding: 8px 0;
  }

  .footer {
    margin: 160px 0 64px 0;
    flex-direction: row;
    align-items: center;

  }





}