a { transition: 0.3s; }
-@media screen and (max-width: 767px) {
- .logo img { width: 150px; }
-}
-
.navbar-default {
background: #000;
color: #FFF;
border: none;
border-radius: 0px;
box-sizing: content-box;
- display: flex;
- flex-direction: column-reverse;
align-items: center;
margin-bottom: 100px;
min-height: 100px;
overflow: hidden;
}
-.navbar-default .navbar-toggle { z-index: 999; }
+.navbar-default .navbar-toggle { display: none; }
.navbar-header {
position: absolute;
top: 5px;
}
-.navbar-brand { text-indent: -1000px; }
+.navbar-brand { display: none; }
#block-ryf-main-menu .navbar-nav { margin-left: 180px; }
margin-bottom: 10px;
}
-#block-bootstrap-main-menu {
- margin-left: 200px;
- width: 100%;
-}
-
.page-header {
border-bottom: 2px solid #000;
font-size: 2em;
float: right;
}
+@media screen and (min-width: 520px) and (max-width: 599px) {
+ .logo img { margin-left: 50px; }
+ #block-ryf-main-menu .navbar-nav { margin-left: 230px; }
+}
+@media screen and (min-width: 600px) and (max-width: 767px) {
+ .logo img { margin-left: 100px; }
+ #block-ryf-main-menu .navbar-nav { margin-left: 280px; }
+}
+
+@media screen and (max-width: 767px) {
+ .logo img { height: 150px; margin-top: 25px; }
+ .navbar-default { min-height: 230px; margin-bottom: 30px; }
+ #block-ryf-main-menu .navbar-nav { max-width: 130px; }
+}
+
+@media screen and (min-width: 768px) {
+ .navbar-nav { margin-top: 40px; }
+}
+
/* Selectors */
@media screen and (min-width: 768px) {