body {
  font-family: "Montserrat", sans-serif;
}

.cls1 {
  font-size: 300px; /* Make it as big */
  letter-spacing: 5px;
}


.bg-image {
background-image: url('./Images/porschlog.jpg');
height: 100vh; 
background-size: cover;
background-position: center;
background-attachment: fixed; /* Parallax effect */
}

.bg-image2 {
background-image: url('./Images/porschlog.jpg');
height: 100vh; 
background-size: cover;
background-position: center;
}


.wrapper,
.content {

position: relative;

width: 100%;

z-index: 1;

}

.content {

overflow-x: hidden;

}

.content.section {

width: 100%;

height: 100vh;

}


.bg-image3 {
  background-image: url('./Images/porsch3333.jpg'); /* Example of adding a background */
  background-size: cover; /* Cover the entire div */
  background-position: center; /* Center the background */
  height: 100vh; /* Full viewport height */
  width: 100%; /* Full width */
}




.image-container {

width: 100%;

height: 100vh;

position: absolute;

top: 0;

left: 0;

right: 0;

z-index: 2;

perspective: 500px;

overflow: hidden;

}

.image-container img {

width: 100%;

height: 100%;

object-fit: cover;

object-position: center center;

}


.modelstext{
  font-size: 80px;
  font-weight: bold;
}


/* parallaex model lineup section */

.modelimage{
  background-image: url('./Images/911\ turbo.jpeg');
  height: 100vh; 
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  }
  
.modelimage2{
  background-image: url('./Images/taycan.jpeg');
  height: 100vh; 
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  }
  
.modelimage3{
  background-image: url('./Images/Panamera\ Turbo\ S\ E-Hybrid.webp');
  height: 100vh; 
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  }
  
.modelimage4{
  background-image: url('./Images/718\ Cayman\ GT4\ RS.webp');
  height: 100vh; 
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  }
  
.modelimage5{
  background-image: url('./Images/718\ Boxster.webp');
  height: 100vh; 
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  }