@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


* {
    box-sizing: border-box;
    font-family: "Outfit", sans-serif;
}
html, body {
    margin: 0;
    padding: 0;
}
body {
    background-color: #282626;
}
.header {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    min-height: 80vh;
}
.container {
    
}

.logo{

}
.logo-img {
    width: 100%;
    max-width: 500px;
    margin: auto;
}
.logo-img img{
    width:100%;
    height:auto;
}



    .text h4 {
        color: #fff;
        font-size: 40px;
        font-weight:500;
        text-align: center;
    }


    @media(max-width:600px){

        


        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 1rem;
        }
        .text {
            width: 50%; 
            margin: auto;
        }

        .logo-img {
            width: 100%; 
            max-width: 470px; 
            margin: auto;
        }

            .logo-img img {
                width: 100%;
                height: auto;
            }

        .text h4 {
            color: #fff;
            font-size: 47px;
            text-align: center;
            margin: 10px 0;
            line-height: 60px;
        }
    }