/*
CSS Credit: http://www.mayacomp.com
*/
/* --- Base Reset & Typography --- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

html {
	scroll-behavior: smooth; /* Enables smooth scrolling between anchor links */
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #333;
	font-size: 14px;
}

body {
    line-height: 1.6;
    background-color: #ffffff;
}

/* --- Layout Utilities --- */
.container {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}


/* --- Header & Sticky Navigation --- */
header {
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}


/* --- Hero / Home Section --- */
.hero {
	height: 100vh;
	display: inline;
	align-items: center;
	text-align: center;
	padding-top: 10px; /* Offset for sticky header */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #CCC;
	background-image: url(https://placeholder.com);
	background-repeat: no-repeat;
	background-position: center center;
}

.hero-content h1 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #111;
	font-family: Verdana, Geneva, sans-serif;
}

.hero-content p {
    font-size: 1.25rem;
    color: #666;
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}






/* --- Responsive Media Queries --- */
@media (max-width: 768px) {
    .navbar {
        flex-direction: column;
        gap: 15px;
    }
    
    nav ul li {
        margin: 0 10px;
    }

    .hero-content h1 {
        font-size: 2.25rem;
    }
}
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }