body
	{
		color:white;
		background-color:black;
		font-size: 2em;
		font-weight: bold;
		font-family: "Times New Roman", Georgia, Serif;

	}
	img {
	  width: 100%;
	  height: auto;
	}
	a{
		
		transition: color 0.3s ease; /* smooth transition */
		
	}
	/* unvisited link */
	a:link {
		color: #ffffff;
	}

	/* visited link */
	a:visited {
		color: #ffffff;
	}

	/* mouse over link */
	a:hover {
		#color: red;
	}

	/* selected link */
	a:active {
		#color: red;
	}
	h1 {

		text-align: center;
		font-size: 1em;
		
	}
	.black-box-top{
		
		text-align:center;
		margin: 0 auto;
		padding:5px 5px 5px 5px;
		border-top:5px solid white;
		border-right:5px solid white;
		border-left:5px solid white;
		
	}
	.black-box-bottom{
		
		text-align:center;
		margin: 0 auto;
		padding:1px 1px 1px 1px;
		background-color: black;
		border-bottom:5px solid white;
		border-right:5px solid white;
		border-left:5px solid white;
		
	}
    .Table
    {
        display: table;
		width:100%;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		padding: 10px 0px 20px 0px;
    }
    .Title
    {
		vertical-align:middle;
        text-align: center;
    }	
    .Link
    {	
		text-decoration:none;
		font-weight:bold;
		text-align:center;
	}
    .Row
    {
        display: table-row;
    }
    .Cell
    {
        display: table-cell;
		vertical-align:middle;
		text-align:center;
		padding: 5px 5px 5px 5px;
		
    }
    .Cell2
    {
        display: table-cell;
		vertical-align:middle;
		text-align:center;
		padding: 5px 5px 5px 5px;
		
    }
    .Picture
    {
        border: 5px solid;
		max-width: 749px;
		max-height: 749px;
		
    }
	.gallery {
	  display: grid;
	  grid-template-columns: repeat(6, auto);
	  grid-gap: 10px;
	  width: 100%;
	  margin: 0 auto;
	}
	/* (B) THUMBNAILS */
	.gallery img {
	  width: 100%;
	  max-width: 749px;
	  max-height: 749px;
	  height: 100%;
	  cursor: pointer;
	  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
	  object-fit: cover;
	}
	.gallery img:fullscreen { object-fit: contain; }

	/* (X) DOES NOT MATTER */
	body, html {
	  padding: 0;
	  margin: 0;
	}
	.model_credits_container {
		
	  text-align:center;
	  margin: 0 auto;
	  position: relative;
	  width: 100%;
	  overflow: hidden;
	  border:5px solid white;
	  box-sizing: border-box;
	  
	}
	.container {
		
	  position: relative;
	  #width: 100%;
	  overflow: hidden;
	  padding-top: 56.25%;
	  border-right:5px solid white;
	  border-left:5px solid white;
	  
	}
	.container2 {

	  text-align:center;
	  margin: 0 auto;
	  background-color: white;
	  #position: relative;
	  #width: 100%;
	  overflow: hidden;
	  border-top:10px solid white;
	  border-right:10px solid white;
	  border-left:10px solid white;
	  
	}

	.video-container {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: auto;
		max-height: 100%;
		overflow: hidden;
		border: 5px solid white;
		box-sizing: border-box;
	}

	.video-container video {
		width: 100%;
		height: auto;
		object-fit: contain; /* Ensures no cropping, video will always fit inside the container */
		#background-color: black; /* Optional: adds a black background to fill empty space */
	}

	.responsive-iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	  border: none;
	}

	.navigation-cell {
	  width: 25%;
	  display: inline-block;
	  padding: 10px 0px 10px 0px;
	  vertical-align: middle;
	}

	@media screen and (max-width: 2560px) {
	  .gallery {
		grid-template-columns: repeat(5, auto);
	  }
	}
	@media screen and (max-width: 2048px) {
	  .gallery {
		grid-template-columns: repeat(4, auto);
	  }
	}
	@media screen and (max-width: 1536px) {
	  .gallery {
		grid-template-columns: repeat(3, auto);
	  }
	}
	@media screen and (max-width: 1024px) {
		
		body{
			font-size: 1em;
		}
		
	}
	@media screen and (max-width: 768px) {
	 .navigation-cell {
	   width: 33%;
	   }
	}
	@media screen and (max-width: 512px) {
	 .navigation-cell {
	   width: 50%;
	   }
	  .gallery {
		grid-template-columns: repeat(2, auto);
	  }
	}
	@media screen and (max-width: 384px) {
	 .navigation-cell {
	   width: 100%;
	   }
	}
	@media screen and (max-width: 256px) {
	  .gallery {
		grid-template-columns: repeat(1, auto);
	  }
	}
	
	.navigation-links-table {
		
	  display: table;
	  width:100%;
	  margin-left: auto;
	  margin-right: auto;
	  text-align:center;
	  
	}

	video {
		width: 100%;
		height: auto;
		max-height: 1000px;
	}