Merge pull request #56 from os2git/css-menu-fix-medium-screens

Css menu fix medium screens

Author: cableman

.gitignore

@@ -4,3 +4,4 @@ sites/*/settings*.php
 # Ignore paths that contain user-generated content.
 sites/*/files
 sites/*/private
+sites/default/os2.aliases.drushrc.php

sites/all/themes/osto_web/css_newtheme/img/colors-2.png

@@ -42,13 +42,24 @@ Fonts
 }
 
 /* Body  */
-body.html {
+body.html .page {
   font-family: var(--font-base);
   font-size: var(--size-base);
   font-style: normal;
   line-height: 1.5;
 }
 
+body.html {
+ background: url(img/colors-2.png) no-repeat left bottom;
+ /* background-size: contain; */
+}
+
+.page article.node p {
+  font-size: var(--size-base);
+}
+
+
+
 /* links  */
 body.html a,
 .page .profile .field a,
@@ -64,7 +75,7 @@ body.html a,
 
 .page em,
 .page i{
-  font-style: normal;
+  font-style: italic;
 }
 
 .page .region-content-inner {
@@ -98,6 +109,9 @@ Fullwidth
     font-weight: bold;
   }
 
+  .page .menu-name-main-menu > ul > li {
+    margin: 0 1.5%;
+  }
 
   /* menu dropdown */
   .page .menu-name-main-menu-wrapper .menu-block-wrapper > ul > li.expanded > a:after {
@@ -193,7 +207,7 @@ Fullwidth
   page layout
   --------------------------------------------------------------------------- */
   .page #zone-menu-wrapper #zone-menu {
-    width: 80%;
+    width: 100%;
     margin: 0 auto;
   }
   .page .container-12 {
@@ -217,7 +231,7 @@ Fullwidth
   }
 
   .page #zone-title-wrapper {
-    padding: 0
+    padding: 1rem 0;
   }
 
   .page .grid-12.region-content {
@@ -327,7 +341,6 @@ Fullwidth
 
   }
 
-
 }
 /* min-width: 1024px */
 
@@ -575,12 +588,13 @@ Footer
 .page #zone-footer-wrapper {
 
   border-top: 1px solid var(--color-gray);
-  background: var(--color-gradient);
+  /* background: var(--color-gradient); */
+  background: transparent;
 }
-.page .region-bottom {
-  background: url(img/colors.png) no-repeat left center;
+/* .page .region-bottom {
+  background: url(img/colors-2.png) no-repeat left center;
   background-size: contain;
-}
+} */
 
 
 .page .region-footer-first, .page .region-footer-second {
@@ -637,11 +651,11 @@ Footer
   display: block;
 }
 .front .page .container-12 .grid-12.front-videos {
-  width: 50%;
+  width: 80%;
 }
 
 .front .page .container-12 .grid-12.region-postscript-second {
-  width: 70%;
+  width: 100%;
   float: none;
   margin: 0 auto;
   display: block;
@@ -686,7 +700,7 @@ Footer
 
 #zone-postscript-top {
   overflow: hidden;
-  width: 50%;
+  width: 80%;
   display: block;
   margin: 0 auto;
   height: 20rem;
@@ -695,13 +709,17 @@ Footer
   box-shadow:  0px 0px 15px 1px var(--color-verdigris-dark);
 }
 
+
+
 #zone-postscript-top .content {
+  padding: 2rem;
   display: grid;
   grid-template-columns:  1fr 4fr;
 }
 
 #zone-postscript-top .image {
   position: relative;
+  grid-row: 1/3;
 }
 
 #zone-postscript-top .text {