@charset "UTF-8";



/*----------------- iPhones - Landscape (Lock Off) ----------------- */

@media only screen  and (min-device-height: 300px)  and (max-device-height: 500px)  and (orientation: landscape) { *{ display: none; } }






/*---------------------------------- iPhones------------------------------*/

@media screen and (min-device-height: 300px)  and (max-device-width: 480px) and (orientation: portrait) {
  
	
body { font-size: 0.85em; }
	
h1 {  font-size: 2.0em; line-height: 1.2em  }	
	
h2 {  font-size: 1.8em; line-height: 1.2em }
	
h3 {  font-size: 1.4em;  line-height: 1.2em  }	
	
p { font-size: 1.2em; }
	
	
	
footer section { grid-template-columns: auto; align-items: start; gap:30px; font-size: 1.0em; padding: 60px 0px 60px 0px; }	

footer section .logo img { width: 160px; height: auto; }	
	
footer section .legal{ grid-column: 1;	 }

footer section .credits { grid-column: 1;	 }
	
	
nav .logo {  width: 150px; height: 50px;  }
	
nav .menu .nav-menu h4 { font-size: 1.4em; }	
	
	
	
.big {  width: calc(100% - 60px);  padding: 90px 30px;  min-height: auto; height: inherit; }
	
	
	
	
.carousel { height: auto; flex-direction: column; }

	
.carousel .mastercard {    display: none; }	
	
.carousel img { height: auto; width: 100vw; }
	
.carousel .mastercard h2 { font-size: 1.2em }	
	
.carousel .mastercard .carousel-arrow img {position: relative;width: 400px; height: auto;}

	
	
.features-grid { grid-template-columns: auto; gap: 30px; margin-top: 0px;}
	
.features-grid h2:last-of-type {  position: relative;  grid-column: span 1; }	
	

.goog { grid-template-columns: auto;     gap: 0px; }	
	
	
	
	
.hero .headers {         display: grid; grid-template-columns: auto auto;  gap: 15px;  padding: 15px 0px 30px 0px; }	
	
.hero .headers header {    font-size: 1.25em; }	
	
.hero .fliphoto {   max-width: calc(100vw - 60px);  overflow: hidden; }	
	
	
	
	
	

.holding { height: 100dvh; }

.holding .promo .row p { margin: 0px 11px; }
	
.holding .fliphoto { width: calc(100vw - 50px);overflow: hidden; padding: 0px 25px; }
	
.holding .fliphoto .flip { object-fit: cover; width: 100% !important; }
	
.holding .letters {  height: 100dvh; }	
	
.holding .letters div {  height: 12vh; width: auto;  }	
	
	
	

.holding .letters .f { left:0%; top:0%; transform: translateX(-0%); }
	
.holding .letters .r { left:50%; top:8%; transform: translateX(-50%);}
	
.holding .letters .i { left:100%; top:0%;  transform: translateX(-100%);}
	
.holding .letters .e { left:0%; top:45%; transform: translate(-50%,-50%); }
	
.holding .letters .n { right:0%; top:62%; transform: translate(-0%,-50%);}
	
.holding .letters .d { left:0%; bottom:-1%; transform: translateX(-0%); }
	
.holding .letters .l { left:50%; bottom:5%; transform: translateX(-50%);}
	
.holding .letters .y { left:104%; bottom:-0%;  transform: translateX(-100%);}	
	
	
	
	
	
.main { flex-direction: column; }	
	
.main.right {   flex-direction: column; }	
	
.main .image img { width: calc(100% - 0px); min-height: auto; object-fit: cover; }
	
.main .details {   width: auto;  padding: 0; padding-top: 30px; }
	
.main .details .button {  display: flex; }	
	
.main .details .button a {        font-family: 'Grtsk Tera Semi'; font-size: 1.0em; }	

	

	
	
}