.navbar {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            font-weight: bold;
            z-index: 1050;
			box-shadow: 0 0 1em grey;
			background-color: rgb(255, 255, 255);
        }
		.brand-link {
			display: flex;
			align-items: center;
			text-decoration: none;
		}
		.brand-logo {
			height: 100px;
			margin: 0 30px 0 10px;
		}
		.brand-text {
			display: flex;
			flex-direction: column;
		}
		.brand-title {
			color: rgb(29,178,74);
			font-weight: bold;
			font-size: 34px;
		}
		.brand-subtitle {
			font-size: 16px;
			color: gray;
		}
        .cert-container {
            position: absolute;
            justify-content: center;
            margin-top: 5px;
            right: 10px;
        }
		.cert-logo {
			height: 70px;
			margin-right: 20px;
			padding-right: 20px;
		}
		
		/* ===========================================================
            📱  RESPONSIVIDADE PARA CELULARES
            Quando a tela for menor que 600px
            =========================================================== */
        @media (max-width: 600px) {
        
            .navbar {
                padding: 8px 10px;
                flex-direction: column;
                align-items: stretch;
                text-align: center;
            }
        
            .brand-link {
                flex-direction: column;
                position: relative;
            }
        
            .brand-logo {
                height: 60px;
                margin: 5px 0;
            }
        
            .brand-title {
                font-size: 24px;
            }
        
            .brand-subtitle {
                font-size: 14px;
            }
            
            .cert-container {
                position: absolute;
                justify-content: center;
                right: 10px;
                margin-top: 5px;
            }

            .cert-logo {
                height: 30px !important; 
                object-fit: contain;
                top: 0;
                margin: 0;
                padding: 2px;
                width: auto !important;
            }
        }
        
        
        
        /* ===========================================================
           📱📱  RESPONSIVIDADE PARA TELAS MÉDIAS (tablets)
           Quando a tela for menor que 900px
           =========================================================== */
        @media (max-width: 900px) {
        
            .brand-logo {
                height: 80px;
                margin: 0 15px 0 5px;
            }
        
            .brand-title {
                font-size: 28px;
            }
        
            .brand-subtitle {
                font-size: 15px;
            }
        
            .cert-container {
                position: absolute;
                justify-content: center;
                right: 10px;
                margin-top: 5px;
            }

            .cert-logo {
                height: 40px !important; 
                object-fit: contain;
                top: 0;
                margin: 0;
                padding: 2px;
                width: auto !important;
            }
        }