diff --git a/src/sass/_botonera-principal.scss b/src/sass/_botonera-principal.scss index f6dcc9a..bca080b 100644 --- a/src/sass/_botonera-principal.scss +++ b/src/sass/_botonera-principal.scss @@ -1,14 +1,12 @@ .botonera-principal { menuitem { display: inline-block; - height: 130px; text-align: center; - width: 180px; - @media (max-width: 576px) { + width: 185px; + height: 145px; + @media (max-width: 565px) { width: 50%; - } - @media (min-width: 992px) and (max-width: 1200px) { - width: 150px; + height: 150px; } } button { @@ -20,11 +18,14 @@ position: relative; width: 90px; outline: 0; + @media (max-width: 565px) { + filter: drop-shadow(4px 4px 4px gray); + } span { left: 0; position: absolute; text-align: center; - top: 90px; + top: 105%; width: 100%; font-size: 12px; color: #777777; @@ -45,7 +46,7 @@ &-menu { width: 100%; padding-left: 90px; - @media (max-width: 576px) { + @media (max-width: 565px) { padding: 0; } } @@ -53,7 +54,7 @@ width: 100%; margin-left: 50%; opacity: 0.8; - @media (max-width: 576px) { + @media (max-width: 565px) { width: 180%; margin-left: 20%; } @@ -234,6 +235,7 @@ .swiper-button-next { background-image: url("../img/derecha.png"); + right: 0 !important; &:hover { filter: drop-shadow(4px 4px 4px gray); } @@ -241,13 +243,9 @@ .swiper-button-prev { background-image: url("../img/izquierda.png"); + left: 0 !important; &:hover { filter: drop-shadow(4px 4px 4px gray); } } - @media (min-width: 992px) { - a { - margin-top: 2.5rem; - } - } } diff --git a/src/sass/_swiper.scss b/src/sass/_swiper.scss index f7b89cc..88e8429 100644 --- a/src/sass/_swiper.scss +++ b/src/sass/_swiper.scss @@ -1,16 +1,17 @@ .swiper { &-container { - height: 100%; + height: 55%; } &-slide { background: transparent; - height: 400px; + width: 100% !important; + height: 100%; text-align: unset; -webkit-align-items: unset; align-items: unset; } - @media(max-width: 992px){ + @media(max-width: 765px){ &-container{ height: 100%; }