body { display: flex; flex-direction: column; height: 100vh; margin: 0; font-family: Arial, sans-serif; } .container { flex: 1; } .header { height: 64px; min-height: 64px; } .grid { margin: 0 auto; max-width: 1330px; padding-left: 15px; padding-right: 15px; } .banner { background-color: #f5f5f5; min-height: 340px; } .banner h1 { margin: 0; padding: 0; font-size: 44px; font-weight: 250; line-height: 52px; color: #170f5f; } .banner-content { display: flex; align-items: center; height: 100%; } .footer { padding: 40px 15px 20px; background-color: #140f4b; } .main-message { margin: 80px 0; font-size: 16px; font-weight: 400; line-height: 24px; color: #3b3b3b; } .header .grid { height: 100%; display: flex; align-items: center; }