diff --git a/src/index.html b/src/index.html
index 2b73dc5a0..0a99f6d0c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -415,7 +415,7 @@
@@ -473,15 +473,15 @@
diff --git a/src/styles/blocks/features.scss b/src/styles/blocks/features.scss
index 37d61b04e..39557fdd8 100644
--- a/src/styles/blocks/features.scss
+++ b/src/styles/blocks/features.scss
@@ -1,7 +1,6 @@
.features {
&__container {
background-color: $second-turquoise-color;
- padding-inline: 30px;
@include on-tablet {
@include page-grid;
@@ -17,6 +16,7 @@
&__content {
&--sound-music {
+ margin-inline: 30px;
@include on-tablet {
grid-column: 2 / 5;
}
@@ -100,7 +100,7 @@
&__image {
display: block;
- width: 100vw;
+ width: 100%;
@include on-tablet {
position: absolute;
diff --git a/src/styles/blocks/page.scss b/src/styles/blocks/page.scss
index e6f99881d..173818bd5 100644
--- a/src/styles/blocks/page.scss
+++ b/src/styles/blocks/page.scss
@@ -19,6 +19,11 @@
}
// to skip autofill styles
+input:-moz-autofill {
+ box-shadow: 0 0 0 30px $main-background-color inset !important;
+ -moz-text-fill-color: #000 !important;
+}
+
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
@@ -26,13 +31,3 @@ input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px $main-background-color inset !important;
-webkit-text-fill-color: #000 !important;
}
-
-input:-moz-autofill {
- box-shadow: 0 0 0 30px $main-background-color inset !important;
- -moz-text-fill-color: #000 !important;
-}
-
-input:-ms-input-placeholder {
- color: #000 !important;
-}
-
diff --git a/src/styles/blocks/social-media.scss b/src/styles/blocks/social-media.scss
index 99d7feb90..852e6526d 100644
--- a/src/styles/blocks/social-media.scss
+++ b/src/styles/blocks/social-media.scss
@@ -4,6 +4,12 @@
width: 24px;
background-repeat: no-repeat;
background-position: center;
+
+ transition-duration: $effect-duration;
+
+ &:hover {
+ scale: 1.1;
+ }
}
&__facebook {
diff --git a/src/styles/main.scss b/src/styles/main.scss
index db1bf3cc8..137002ca2 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -32,9 +32,11 @@ iframe {
.no-borders {
margin-inline: -30px;
+ width: 100vw;
@include on-tablet {
margin-inline: 0;
+ width: 100%;
}
}