body { margin: 0; font-family: Arial, sans-serif; background-color: black; color: white;} 
.logo { display: block; margin: 10px auto; width: 500px; /* Adjust the width as needed */ } 
.hero { position: relative; width: 100%; height: 100vh; /* Full viewport height */ 
    background: url('IHN Solar background.jpg') no-repeat center center/cover; } 
.hero-text {position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; padding:2%; background-color: rgba(8,1,4,.5); border-radius: 6px;}
.hero-title{font-size: 2.8em;}
.hero-subtitle{font-size: 2em; margin-bottom: 0.5em;}
.hero-contact {font-size: 1.2em;}