.logo {
    display: flex;
    width: 30%;
    margin-left: 18%;
}

.logo2 {
    display: flex;
    width: 30%;
    margin-left: 35%;
    margin-top: 10px;
}


@media (max-width: 800px)
{

    .logo {
        display: flex;
        width: 100%;
        margin-left: 1%;

    }

    .logo2 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
        margin-left: 10%;

    }

    
}