.logo-img {
    width: 100%;
    margin-bottom: 5px;
}

.logo {
    width: 210px;
}

.logo-wrapper {
    padding: 0;
}




@media (orientation: portrait) {
    .logo-img {
        width: 80%;
        margin: 5px 15px;
    }

    .nav-scroll .logo {
        width: 150px;
    }

    .nav-scroll .logo-wrapper {
        padding: 0;
        background-color: transparent;
    }

    .nav-scroll .logo-img {
        width: 180px;
        margin: 0;
    }
}

@media (orientation: landscape) {
    .logo-img {
        width: 100%;
        margin: 40px 0;
    }

    .nav-scroll .logo-img {
        width: 105px;
    }

    .nav-scroll .logo-wrapper {
        padding: 0 70px 0 150px;
        background: #fff;
    }

}