body{color:#333;font-family:Lato;overflow-x:hidden}body,header{background-color:#1f2f45}header{border-bottom:5px solid #bf0b09;font-family:Anton}.btn-primary{background-color:#b22234}.btn-primary:hover{background-color:#87ceeb}a{color:#1f2f45;text-decoration:none}section{border:3px solid #2d2720}.navbar{background-color:#1f2f45}.navbar,.navbar-list a{color:#fff}.navbar-list a:hover{color:#87ceeb}header{background-color:initial;color:#fff;margin-bottom:50px;padding:40px;text-align:center}.banner{background-image:url(/static/media/AmericanCarportKitslogo.e4093fadbd607cca0109.png);background-position:calc(50% - 40px);background-repeat:no-repeat;background-size:contain;height:250px;margin-top:35px;width:100%}.navbar{background-color:#efeae1;box-shadow:0 2px 4px #0000001a;color:#00274d;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.navbar-list{display:flex;justify-content:center;list-style:none;margin:0;padding:10px 0}.navbar-list li{margin:0 15px}.navbar-list a{color:#00274d;font-weight:700;text-decoration:none}.navbar-list a:hover{text-decoration:underline}.navbar-contact-button:hover{color:#00274d}#about{background-color:#efeae1;margin:50px auto;text-align:center;width:65%}#about h2{color:#00274d}#about p{margin-top:15px}#products{margin:50px auto;text-align:center;width:65%}#products h2{color:#00274d}.product-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.product-card{background-color:#efeae1;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:250px}.product-card:hover{border-color:#bf0b09;box-shadow:0 8px 12px #0003;transform:translateY(-10px)}.product-card h3{color:#00274d;font-size:1.5rem;margin-bottom:10px}.product-card p{color:#555;font-size:1rem}.order-button-container{margin-top:20px}.order-button{background-color:#00274d;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.order-button:hover{background-color:#004080}.order-form-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:600px;padding:20px;text-align:left}.order-form h1{color:#00274d;margin-bottom:20px;text-align:center}.order-form .form-group{margin-bottom:15px}.order-form label{color:#333;display:block;font-weight:700;margin-bottom:5px}.order-form .form-control{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px;width:100%}.order-form .form-control:focus{border-color:#b22234;outline:none}.btn-primary{display:block;padding:10px;text-align:center;width:100%}.contact-section{background-color:#efeae1;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:40px;text-align:left}.contact-title{color:#00274d;font-size:2rem;margin-bottom:10px;text-align:center}.contact-description{color:#555;font-size:1rem;margin-bottom:30px;text-align:center}.contact-phone{color:#333;font-size:1.2rem;margin-bottom:20px;text-align:center}.contact-phone a{color:#007bff;text-decoration:none}.contact-phone a:hover{text-decoration:underline}.contact-form{flex-direction:column}.contact-form,.form-row{display:flex;gap:20px}.form-group{flex:1 1}.form-control{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px;width:100%}.form-control:focus{border-color:#b22234;outline:none}.form-check{align-items:center;display:flex;gap:10px}.btn-primary{background-color:#00274d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.btn-primary:hover{background-color:#004080}section{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:50px;transition:transform .3s ease,box-shadow .3s ease}@media (max-width:768px){header{padding:20px}.banner{background-position:50%;background-size:cover;height:200px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}header h1{font-size:2.5rem}header p{font-size:1rem}form{width:90%}}@media (max-width:768px){#contact{width:90%}.contact-form .form-row{flex-direction:column}}
/*# sourceMappingURL=main.002975fe.css.map*/