.navigation-top {
font-size:12px;
font-size:0.75rem;
}
.navigation-top a {
font-size: 12px;
}
.navigation-top a:hover {
color:#256cb0;
color:#fff;
background: rgba(87, 132, 173, 0.5);
}  .main-navigation {
position: relative;
}
.main-navigation .go_to_sidebar {
color: #767676;
display: block;
background:#ccc;
position: absolute;
right:0;
top: 3.8em;
height: 40px;
z-index: 1;
opacity: 0.7;
border-radius: 3px;
}
.main-navigation .go_to_sidebar .icon {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.main-navigation .go_to_sidebar:hover {
color: #fff;
background:#666;
border-radius: 3px;
opacity: 0.6
}
.main-navigation .go_to_sidebar:focus {
outline: thin dotted;
}
.main-navigation .go_to_sidebar .icon {
height: 16px;
width: 16px;
}
@media screen and (min-width: 30em) {
.site-branding {
padding: 3em 0 0; 
margin-bottom: 42px;
}	
}
@media screen and (min-width: 48em) {
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 44px;
} .site-header .navigation-top .menu-scroll-down {
top: 0;
width: 42px;
height: 42px;
}
.navigation-top {
box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.4);
}
.navigation-top.site-navigation-fixed {
}
.navigation-top .wrap {
padding:0
} ul.menu#top-menu {
text-align: right;
margin-right:44px;
margin-left:44px;
} .navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #222;
} .navigation-top .current-menu-item:not(.no-current) > a,
.navigation-top .current_page_item:not(.no-current) > a {
color: #fff;
font-weight: 700;
background:rgba(87, 132, 173, 0.7);
}  .main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: none
} .main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
right: 0;
left: auto;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.24);
} .main-navigation li li:hover,
.main-navigation li li.focus {
background: rgba(87,132,173,0.54)	
} .main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left:auto;
right:100%;
top:0;
} .main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
left: 0;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
height: 16px;
bottom: 50%;
}
} @media screen and (max-width: 782px) { .admin-bar .site-navigation-fixed.navigation-top {
top:46px !important;
}
}
@media screen and (max-width:600px) {
.admin-bar .site-navigation-fixed.navigation-top {
top:0 !important;
}
}
@media screen and (max-width:400px) {
.admin-bar .site-navigation-fixed.navigation-top {
top:0 !important;
}
}