/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
<style>
/* Reset some basic styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* Body */
body {
    line-height: 1.6;
    color: #333;
    background-color: #f9f9f9;
    font-size: 16px;
}

/* Header */
header {
    background-color: #004080;
    color: white;
    padding: 60px 20px;
    text-align: center;
}
header h1 {
    font-size: 2.5em;
    margin-bottom: 15px;
}
header p {
    font-size: 1.2em;
}

/* Sections */
section {
    padding: 50px 20px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: white;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
section h2 {
    font-size: 2em;
    margin-bottom: 20px;
    color: #004080;
}
section p {
    margin-bottom: 15px;
}
section ul {
    margin-left: 20px;
    list-style-type: disc;
}
section ul li {
    margin-bottom: 10px;
}

/* Articles for brands */
article {
    margin-bottom: 40px;
}
article h3 {
    font-size: 1.5em;
    color: #0066cc;
    margin-bottom: 10px;
}

/* Contact section */
#contact p {
    margin-bottom: 10px;
}

/* Footer */
footer {
    background-color: #004080;
    color: white;
    text-align: center;
    padding: 20px;
}

/* Responsive design */
@media (max-width: 768px) {
    header h1 {
        font-size: 2em;
    }
    section h2 {
        font-size: 1.7em;
    }
    article h3 {
        font-size: 1.3em;
    }
}
</style>

}