@media only screen and (min-width: 360px) {
    .header-wrap {
        font-family: 'Montserrat', sans-serif;
    }

    #menu-perusvalikko-2 li{
        margin: 0;
    }

    #menu-perusvalikko-2 a{
        font-size: 1.5rem;
        font-weight: 200;
    }

    .slideout-navigation.main-navigation {
        background-color: rgba(0, 0, 255, 0.95);
    }

    .mobile-header-navigation.has-menu-bar-items .mobile-header-logo{
        padding-left: 20px;
    }

    .slideout-navigation.do-overlay .slideout-exit {
        position:absolute;
        text-align: end; 
        margin-top: 0px;
    }

    .inside-navigation {
        border-bottom: 1px solid lightgray;
    }

    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 60px;
        width: auto;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .mobile-header-navigation.has-menu-bar-items .mobile-header-logo{
        padding-left: 30px;
    }

    .slideout-navigation.do-overlay .slideout-exit {
        position:relative;
        text-align: end; 
    }

    .inside-header {
        padding: 20px 20px;
    }

    .navigation-branding img, .site-logo.mobile-header-logo img {
        padding-left: 20px;
    }

}

@media only screen and (min-width: 990px) {
    .main-navigation .main-nav ul li a {
        padding-left: 0;
        padding-right: 20px;
        line-height: 60px;
    }
    .main-navigation a {
        font-size: 1rem;
        font-weight: 400;
    }

    /*
    .site-header {
        border-bottom: 1px solid lightgray;
    }*/

    .inside-navigation {
        border-bottom: 0;
    }

    .inside-navigation .sticky-navigation-logo {
        padding-left: 50px;
    }

    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 60px;
        width: auto;
        padding-left: 20px;
    }
    .main-navigation ul ul{
        background-color:#F6F7FA;
    }

    .main-navigation ul ul li{
        border-top:1px solid #ffffff;
    }
    
}

@media only screen and (min-width: 1024px) {
    .main-navigation a {
        font-size: 1.05rem;
        font-weight: 400;
    }
}
@media only screen and (min-width: 1280px) {
    .main-navigation .main-nav ul li a{
        padding-right:40px;
    }


}