body { margin: 0; padding: 0; } .header { width: 100%; height: 20vh; /* 20% of the viewport height */ } .headerPicture { background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: ; /* Resize the background image to cover the entire container */ width: 100%; height: 20vh; } .menu { width: 100%; height: 10vh; /* 10% of the viewport height */ background-color: #e6e6e6; text-align: center; } .blue{ background-color: #003F87; color: #FDC116; } .shadow{ text-shadow: 0px 0px 8px #000000; } .yellow{ background-color: #FDC116; color: #003F87; } .whiteText{ color: #FFFFFF; } .menuItem{ float: left; width: 10%; padding: 10px; height: 5vh; text-align: center; font-weight: bold; color:black; text-shadow: 0px 0px 8px #000000; } .menuText{ color:black; } .main { width: 75%; padding: 10px; } .yellowText{ color: #FDC116; } .sidebar{ width: 10%; height: 40vh; background-color: #fff; } .footer { width: 100%; background-color: black; text-align: center; color: white; bottom:10%; } .columns { display: flex; flex-wrap: wrap; width: 100%; height: 20vh; /* 20% of the viewport height */ } .column { flex: 1; background-color: #f9f9f9; border: 1px solid #ccc; } .image{ border: 3px solid black; } .imageCenter { display: block; margin-left: auto; margin-right: auto; width: 50%; } /* Responsive Styles */ @media screen and (max-width: 768px) { /* Adjustments for smaller screens */ .header, .menu, .main, .footer, .columns, .column { height: auto; } }
PACK 143
EUCLID, OHIO
Main Page
Contact Us
FAQ
Resources
Links
Calendar
FIRE LAYS
TEE PEE FIRE LAY
LOG CABIN FIRE LAY
STAR FIRE LAY
LEAN TO FIRE LAY
PARALLE LONG FIRE LAY
THE PYRAMID/UPSIDE-DOWN/COUNCIL FIRE LAY
SIMPLE FIRE STARTER