/*
Theme Name: Amerix Style Agency
Author: Custom Build
Version: 1.0
Description: Responsive agency theme modeled after amerix.co.ke layout
*/

body{
 margin:0;
 font-family:'Arial', sans-serif;
}

header{
 background:#0a0a0a;
 color:#fff;
 padding:20px;
 position:fixed;
 width:100%;
 top:0;
 z-index:999;
}

nav a{
 color:#fff;
 margin-right:20px;
 text-decoration:none;
 font-weight:bold;
}

.hero{
 background:#111;
 color:#fff;
 padding:160px 20px;
 text-align:center;
}

.section{
 padding:80px 20px;
}

.dark{
 background:#111;
 color:#fff;
}

.grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
 gap:20px;
}

.card{
 border:1px solid #ddd;
 padding:20px;
 text-align:center;
 background:#fff;
}

.dark .card{
 background:#181818;
 border-color:#333;
 color:#fff;
}

button{
 padding:12px 20px;
 background:#e50914;
 color:#fff;
 border:none;
 cursor:pointer;
}

@media(max-width:768px){
 header{text-align:center;}
 nav a{display:block;margin:10px 0;}
 .hero{padding:120px 10px;}
}