add new slider

Author: evd3v

css/main.css

@@ -122,10 +122,6 @@
   src: local("Gotham XLight Italic"), url("Gotham-XLightItalic.woff") format("woff"); }
 
 /* servises styles */
-* {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box; }
-
 html {
   overflow-x: hidden; }
 
@@ -306,11 +302,10 @@ body {
   margin: auto;
   text-align: center;
   margin-top: 1.5rem;
-  color: #fff;
+  color: #000;
   text-transform: uppercase;
   font-family: "Gotham Black Regular", Arial, Helvetica, sans-serif;
   letter-spacing: 0.25rem;
-  -webkit-text-stroke: 1px #FFDD40;
   opacity: 0; }
   @media screen and (max-height: 600px) {
     .play-video__text {
@@ -1163,6 +1158,12 @@ body {
   -webkit-justify-content: space-around;
       -ms-flex-pack: distribute;
           justify-content: space-around; }
+  @media screen and (max-width: 600px) {
+    .work-page-menu {
+      max-width: 250px;
+      -webkit-flex-wrap: wrap;
+          -ms-flex-wrap: wrap;
+              flex-wrap: wrap; } }
 
 .work-page-menu__item {
   color: #000;
@@ -1173,7 +1174,8 @@ body {
 
 .work-page-menu__link {
   text-decoration: none;
-  color: #000; }
+  color: #000;
+  pointer-events: none; }
 
 .work-page-menu__item_selected {
   opacity: 1;
@@ -1191,7 +1193,11 @@ body {
   float: left;
   width: 480px;
   height: 582px;
-  margin-top: 10px; }
+  padding-top: 25px;
+  padding-right: 25px;
+  -webkit-transition: all ease .8s;
+  -o-transition: all ease .8s;
+  transition: all ease .8s; }
   .work-page-portfolio__item:hover .work-page-popover {
     opacity: 1;
     visibility: visible; }
@@ -1205,11 +1211,11 @@ body {
     height: 300px;
     width: 240px; } }
 
-.work-page-portfolio__item:nth-child(odd) {
-  margin-right: 10px; }
-
 .work-page-portfolio__item_offset {
-  margin-top: 10rem; }
+  padding-top: 10rem; }
+  @media screen and (max-width: 600px) {
+    .work-page-portfolio__item_offset {
+      padding-top: 25px; } }
 
 .work-page-popover {
   opacity: 0;