@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap");@import url("https://fonts.googleapis.com/css2?family=Creepster&display=swap");@import url("https://fonts.googleapis.com/css2?family=Combo&display=swap");:root {  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;  --font-comic: "Comic Neue", "Comic Sans MS", "Comic Sans", var(--font-sans);  --font-goth: "UnifrakturMaguntia", "Old English Text MT", "Blackletter686 BT", serif;}  body {  /* hard reset in case some rule set height: 50vh */  height: auto !important;            /* why: allow min-height to apply */  min-height: 100vh;  min-height: 100dvh;                  /* modern viewport units */  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;  font-weight: 400;  background:    center / cover no-repeat    url('https://southernmostflorida.com/images/background-1.webp');}/* If the image is on a section (e.g., .hero), use this instead/also */.hero {  height: auto !important;             /* override any height:50vh */  min-height: 100vh;  min-height: 100dvh;  background:    center / cover no-repeat    url('https://southernmostflorida.com/images/background-1.webp');}a {		font-size: 1.25em;		text-decoration: none;}footer {							display:block;		padding:10px;		background-color: #fff;		opacity:.4;		border-left:8px solid #000;		border-right:8px solid #000;		border-radius:25px;		box-shadow:5px 5px 5px #000;		border-bottom: 8px solid red;		border-top: 8px solid red;		margin-bottom:50px;		margin-top:50px;}header {		display:block;		padding:10px;		background-color: #fff;		border-left:8px solid #000;		border-right:8px solid #000;		border-radius:25px;		box-shadow:5px 5px 5px #000;		border-bottom: 8px solid red;		border-top: 8px solid red;		margin-bottom:50px;		margin-top:50px;	}	h1 {font-family:Palatino, Verdana, Geneva, Tahoma;	color: #808080;	text-shadow: 2px 2px 2px #000;	animation-name: slideInLeft;	animation-duration: 2s;	}		.h1 {font-family: Helvetica;font-size: 1em;}h2{  font-family:var(--font-deco);  font-size:clamp(1.95rem, 4vw + .5rem, 3rem);  font-weight:600;  padding:10px;  background-color:#fff;}h3, h4, h5, h6{  font-family:'Monserrat';  font-weight:800;  font-size:clamp(1.5rem, 2.75vw + .4rem, 1rem);  padding:10px;  border-bottom:2px solid #000;  margin-top:10px;}p {	font-family: Tahoma, Arial;}/*colors*/.black {	background-color: #000;}.lightblue {	background-color: #CFEFE5;}.red{	color:red;}.silver {	background-color: lightgrey;}.white {	background-color: #fff;}.yellow{background-color:yellow;}/* ==================================================	FONT UTILITIES   ================================================== */.comic-style{ font-family:var(--font-comic); }.goth{ font-family:var(--font-goth); font-weight:400; }.pigsty{ font-family:'Creepster', 'Papyrus', 'Bradley Hand', Arial, cursive; font-weight:400; }.combo-regular{ font-family:'Combo', var(--font-sans); font-weight:800; }.small {font-size:.75rem;}/* ==================================================	NAVIGATION   ================================================== *//* single, consolidated definition */#navhead{  display:block;  margin:0 auto !important;  width:100%;  height:auto;  min-height:50vh;  padding:10px;  margin-bottom:10vh !important;  overflow:hidden; /* ensure it can’t push width */}.navbar-brand{  font-family:'Arial Black','Arial Bold', Arial, var(--font-sans);  color:var(--color-red);  font-weight:600;}.navbar-toggler{	color:#000;  background-color:#fff;  border:2px solid #808080;  border-radius:10px;  box-shadow:5px 5px 5px #000;}.navbar-toggler-icon{  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}.nav-link{  font-family:Verdana;  font-size:2rem;  color:#000;  font-weight:700;  padding:10px;  display:inline-flex;  align-items:center;  gap:1rem;  white-space:nowrap; /* stability in tight navs */}.nav-link:hover{  color:blue;  background-color:#fff;  border-radius:.375rem;  font-size:1.50rem;}/* Font Awesome inside nav: one rule set */.nav-link .fa,.nav-link .fas,.nav-link .far,.nav-link .fab,.nav-link .fa-solid,.nav-link .fa-regular,.nav-link .fa-brands{  color:currentColor;  line-height:1;  vertical-align:middle;  flex:0 0 auto;}/* icon-only links keep target size */.bi{  font-size:1.25rem;  color:#000;  font-weight:800;  border:1px solid #000;  border-radius:50%;  padding:.75rem;  display:inline-flex;  justify-content:center;  align-items:center;  width:2rem;  height:2rem;  text-align:center;}.nav-link.nav-icon-only{  padding-inline:.5rem;  min-width:2.25rem;  justify-content:center;}/* /styles/typography.css */.subheader{ font-family:'Times New Roman'; font-size:clamp(.9rem, 2vw, 1rem); }.text-main {padding:25px;}.text-main p{font-family: Roboto, Helvetica, Arial;font-size:1rem;text-indent:clamp(20px, 4vw, 50px);			font-weight: 400;			}						.text-main h2{  font-family: Georgia, 'Montserrat', 'Helvetica Neue', Helvetica, Arial, var(--font-sans);  font-size:1.5rem;  font-weight:600;  padding:5px;  line-height:1.2;  margin-bottom:.5em;  background-color:#f3f2f2;}.text-main p::first-letter {  font-family: Haettenschweiler, "Arial Narrow Bold", "Segoe UI", Arial, sans-serif;  font-size: clamp(1.5rem, 4vw, 2.5rem);  font-weight:800;  color: #808080;  /* Spacing fixes */  display: inline-block;             margin-right: 0.1em;      font-kerning: none;              /* fallback below helps older engines */  font-feature-settings: "kern" 0, "liga" 0;  line-height: 1;                  /* keeps cap from clipping */}@media (min-width:768px){	h1{    font-size:clamp(1.75rem, 3.5vw + .5rem, 3rem);    line-height:1.1;    margin-bottom:25vh;  }	.text-main {				    border-bottom: 8px solid black;		border-top: 8px solid black;		border-right:8px solid orange;	}		}@media (max-width:575.98px){  h1{    font-size:clamp(1.4rem, 5vw + .6rem, 2.25rem);    line-height:1.12;    letter-spacing:-.015em;    text-shadow:2px 3px 2px silver;    margin-bottom:25vh;  }  #navhead{ height:50vh; }}/* ==================================================   14) BOOTSTRAP GUTTERS FIX (keep at end)   ================================================== */.container,.container-fluid,.container-sm, .container-md, .container-lg, .container-xl, .container-xxl{  padding-right:calc(var(--bs-gutter-x) * .5) !important;  padding-left: calc(var(--bs-gutter-x) * .5) !important;}