body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f8f8;
            
           
        }
        .container {
            width: 90%;
            max-width: 1200px;
            margin: auto;
            text-align: center;
            border:1px solid #e75110; 
            
        }
        .header {
            color: white;
            
        }
        .header img {
                width: 30%;
                margin: 20px 0;
            }
        .top{
            width: 100%;
            background-color: #e75110;
            padding: 20px 0;
            font-size: 1.5rem;
        }
        .content { 
            line-height: 1.6;
            text-align: center;
        }
        .content p {
                margin: 0;
            }
            .content h3 {
                margin: 10px 0 0 0;
            }
        .content h1 {
                margin: 10px 0 0 0;
                font-weight: 750;
            }
        .font-orange{
        color: #e75110;
        }
        .font-vert{
        color: #26b5b7;
        }
        .footer {
            background-color: #26b5b7;
            color: white;
            padding: 20px;
            margin-top: 20px;
        }
        /* Responsive Design */
        @media (min-width: 768px) {
            .content {
                text-align: center;
            }
        }
        @media (min-width: 992px) {
            .header, .footer {
                text-align: center;
            }
            .header img {
                width: 30%;
            }
        }
        @media (max-width: 767px) {
            .header, .footer {
                text-align: center;
            }
            .header img {
                width: 50%;
            }
            .content h2 {
                font-size: 1.2em;
            }
            .content h3 {
                font-size: 1em;
            }
        }