/* copyright 2025 because you love, all rights reserved  */ 

/* this is pioneered on becauseyoulove.com and is the primary file to first source updated 6/14/25  */  

@media screen and (max-aspect-ratio: 1.59999)  {  


/*  site specific  */  



	.PlateB { font-size: 9.775vw; }
	.PlateE { font-size: 7.65vw; }
	.PlateL { font-size: 11.475vw; margin: 0 0 0 0.85vw; }
	.PlateO { font-size: 8.075vw; }
	.PlateC { font-size: 5.1vw; margin: 0 0 0 1.615vw; }

	.indexp1   { left: 15vw;  top: 18.0vw; }  
	.indexp1b  { left: 9vw;  top: 28.0vw; }  
	.indexp2   { left: 0.7vw;  top: 62vw; }  
	.indexp3   { left: 9.9vw;  top: 93.879vw; }
	.indexp4   { left: 20.5vw;   top: 110.436vw; }
	.indexp5   { left: 63vw;   top: 145vw; padding: 0 0 10vw 0;}

	.galleryp1 { top: 7vw;  left: 15vw;  margin: 0 0 5vw 0; }   


	.Heartps1  { top: 56vw; left: 54vw; height: 10vw; width: auto; }	
	.Heartps2  { top: 3.0vw; left: 69vw; height: 8vw; width: auto; }	


	.camera  {height: 50.0vw; top: 19.5vw; left: 66vw;  transform: rotate(-20deg); }
	.camera2 {height: 50.0vw; top: 10vw; left: 30vw;  transform: rotate(10deg); }
	.camera3 {height: 40.0vw; top: 13vw; left: 68vw;  transform: rotate(-5deg); }

	
	.clickable-area {
	    top: 4vw;  
	    left: 22vw; 
	    width: 60vw;  
	    height: 15vw; 
	}


/* end site specific */  
/* change nothing below here -- constant for all sites  */ 



	.Headline  { font-size: 8.0vw; }
	.Headline2  { font-size: 7.7vw; }



.menu-area {  
	top: 1.0vw;	left: 2.5vw;    width: 14vw;   height: 6.5vw;
	padding: 6vw 0vw 7vw 4vw; 
 }


.line {  width: 6.0vw; height: 0.65vw; }
.line4, .line5 {   height: 7.3vw;  width: 0.45vw; left: calc(6.5vw + 6.5vw/2);  }


.line7 {
    height: 3vw;
    width: 0.45vw;
    top: 7.4vw;
    left: 7.5vw;  
}

.line8 {
    height: 3vw;
    width: 0.45vw;
    top: 9.5vw;
    left: 7.7vw;  
}

.line9 {
    height: 6.0vw;
    width: 0.45vw;
    top: 7vw;
    left: 9.5vw;  
}

.line10 {
    height: 2vw;
    width: 0.45vw;
    top: 8.0vw;
    left: 12.5vw;  
}



	ul, p { 
		width: 86vw; 
		margin: 0 6vw 6vw 7vw; 
		padding: 0 0 0 0;
	}


/* .Normalpage { font-size: min(5.0575vw, 4.515625vh); } */

.Normalpage { font-size: 5.1vw; }
.Termspage { font-size: 5.1vw; }


	.trademark { font-size: 0.3em; }
	.copyright { font-size: 4vw;  }
	.footnote  { padding-top: 5vw;}




	h1 { 
		width: 95vw; 
		margin: 0 2vw 5vw 2vw; 
		font-size: 8.5vw; 
	}


	h2 { 
		width: 95vw; 
		margin: 2vw 2vw 2vw 2vw; 
		font-size: 5.95vw; 
	}
	
/*
	h3 { 
		width: 95vw; 
		margin: 2rem 2vw 1em 2vw; 
	}
*/


	.imageholders1 {
		width: 90vw;   
		height: auto; 
		left: calc(50vw - (90vw + (1.2 * 2vw)) / 2); 
outline-width: 0.5vw ;
	}
		
	.imageholders1v {
		width: 60vw;   
		height: auto; 
		left: calc(50vw - (60vw + (1.2 * 2vw)) / 2); 
outline-width: 0.5vw ;
	}



	.captionholdersu {
		width: 86vw;   
		left: calc(50vw - (86vw + (1.2 * 2vw)) / 2); 
		margin: 2.0vw 0 0 0; 
		font-size: 4.5vw; 
	}
	.captionholdersd {
		width: 86vw;   
		left: calc(50vw - (86vw + (1.2 * 2vw)) / 2); 
		margin: 0 0 2vw 0; 
		font-size: 4.5vw; 
		margin: 0 0 8vw 0;
	}
	.captionholderprice {
		width: 86vw;   
		left: calc(50vw - (86vw + (1.2 * 2vw)) / 2); 
		margin: 0 0 8vw 0; 
		font-size: 4.5vw; 
	}
	
	
	
	.slideimage2 {
		height: 60vw;
		margin: 0 0.5vw 0 0;
	}
	.slideholderh { 
		width: 90vw;
		height: 63.5vw; 
		left: calc(50vw - (92vw / 2));
		margin: 0 0 7vw 0; 
		padding: 0 0.5vw 0 0;

		outline: 1.0vw solid #dddddd;
	}
	.slideholderh::-webkit-scrollbar {
	    height: 20px; 
	}
	.slideholderh::-webkit-scrollbar-thumb {
	    border-radius: 10px; 
	}


	.Circleps4 {  top: 0vw;      	right: 0vw;    height: 36.8vw; width: 36.8vw; border-radius: 50%; }
	.Circleps5 {  top: 45.010vw; 	right: 21.8vw; height: 14.9vw; width: 14.9vw; border-radius: 50%;  }
	.Circleps6 {  top: 61.8vw; 		left: 0vw;     height: 99.5vw; width: 99.5vw; border-radius: 50%; }	
	.Circleps7 {  top: 0.00vw;   	left: 0vw;     height: 61.8vw; width: 61.8vw; border-radius: 50%; }	

	.CircleMove { left: 45vw; height: 10vw; width: 10vw; border-radius: 50%; display: block; clear: both; margin: 0 0 2em 0; }	


	.menup1 { position: absolute; z-index: 4; left: calc(5vw + 2.0vw);  }
	.menup2 { position: absolute; z-index: 4; left: calc(5vw + 1.5vw);  }
	.menup3 { position: absolute; z-index: 4; left: calc(5vw + 2.8vw);  }
	.menup4 { position: absolute; z-index: 4; left: calc(5vw + 5.7vw);  }
	.menup5 { position: absolute; z-index: 4; left: calc(5vw + 10.7vw);  }
	.menup6 { position: absolute; z-index: 4; left: calc(5vw + 17.1vw);  }
	.menup7 { position: absolute; z-index: 4; left: calc(5vw + 26.5vw);  }
	.menup8 { position: absolute; z-index: 4; left: calc(5vw + 39.5vw);  }
	.menup9 { position: absolute; z-index: 4; left: calc(5vw + 50.0vw);  }
	.menup10 { position: absolute; z-index: 4; left: calc(5vw + 55.0vw);  }



	#slideshow {
		right: calc(1 * 1vw * 0.85);   
		top: calc(1 * 1vw * 0.85);
		width: calc(1 * 60vw * 0.85);
		height: 60vw; 
		outline-width: calc(1 * 1vw * 0.85) ;
	}
	.slide-wrapper {
	  width: calc(3 * 60vw * 0.85);
	}
	.slidesize {
		width: calc(1 * 60vw * 0.85);
	}
	.slide {
		height: 72.35vh;
		width: calc(1 * 60vw * 0.85);
	}
	@-webkit-keyframes slide {
		0% {margin-left: 0vh;}  
		25% {margin-left: 0vh;}  
		33.33% {margin-left: calc(-1 * 60vw * 0.85);}
		58.33% {margin-left: calc(-1 * 60vw * 0.85);}
	  	66.67% {margin-left: calc(-2 * 60vw * 0.85);}
	  	91.67% {margin-left: calc(-2 * 60vw * 0.85);}
	}


}


