worked on some of the block elements

diff --git a/css/app.css b/css/app.css
index 4231077..d3093e0 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6594,13 +6594,9 @@ h2#block-title {
   display: none;
   position: absolute;
   top: 0;
-  float: none;
+  text-align: center;
   left: 0;
   right: 0; }
-  @media only screen and (max-width: 40em) {
-    .blocks .block .block-text {
-      left: auto;
-      right: auto; } }
 .blocks .overlay:hover:before {
   position: absolute;
   content: '';

diff --git a/scss/_main.scss b/scss/_main.scss
index 48cb296..b2b9f5c 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -90,7 +90,7 @@ h2#block-title {
         }
         &:hover {
             .block-text {
-            padding: 0 10px 10px;
+                padding: 0 10px 10px;
                 font-size: rem-calc(28);
                 text-transform: uppercase;
                 letter-spacing: 0.05em;
@@ -105,13 +105,9 @@ h2#block-title {
             display: none;
             position: absolute;
             top: 0;
-            float: none;
             left: 0;
             right: 0;
-            @media #{$small-only}{
-                left: auto;
-                right: auto;
-            }
+            text-align: center;
         }
     }
     & .overlay {