diff --git a/assets/css/call-action/text_call_action.css b/assets/css/call-action/text_call_action.css index a2fb754..f19bde8 100644 --- a/assets/css/call-action/text_call_action.css +++ b/assets/css/call-action/text_call_action.css @@ -4,6 +4,14 @@ font-weight: bolder; } + +/* ===>>> SCREEN TABLET/MOBILE <<<=== */ +@media (min-width: 769px) and (max-width: 1115px) { + .p-call-action { + width: 80%; + margin: auto auto 40px auto; + } +} /* ===>>> SCREEN TABLET/MOBILE <<<=== */ @media (max-width: 768px) { .p-call-action { diff --git a/assets/css/modales/subscription/container_modal.css b/assets/css/modales/subscription/container_modal.css index 382c254..ee4bfcf 100644 --- a/assets/css/modales/subscription/container_modal.css +++ b/assets/css/modales/subscription/container_modal.css @@ -3,8 +3,8 @@ position: fixed; width: 100%; height: 100%; - z-index: 1; - opacity: 1; + z-index: -1; + opacity: 0; top: 0; transition: all .5s ease-in; } diff --git a/assets/css/modales/subscription/form_subscription.css b/assets/css/modales/subscription/form_subscription.css index b69c65b..240ed7b 100644 --- a/assets/css/modales/subscription/form_subscription.css +++ b/assets/css/modales/subscription/form_subscription.css @@ -1,10 +1,7 @@ .subscrition-frm { - /* background-image: url(../../../images/Cloudy_subscription.svg); - background-repeat: no-repeat; - background-size: cover; */ background-color: var(--color5); width: 30%; - margin: 100px auto; + margin: 80px auto; display: flex; flex-direction: column; justify-content: stretch; @@ -62,7 +59,6 @@ margin: auto; font-family: var(--font2); font-weight: bolder; - /* background-color: green; */ } .npt-subscription { width: 90%; @@ -78,17 +74,19 @@ .modal-btn-subscription { width: 40%; height: 40px; - background-color: var(--color5); - margin: 20px auto 20px auto; + background-color: var(--color2); + margin: 20px auto 40px auto; border: none; border-radius: 5px; font-family: var(--font2); font-weight: bolder; font-size: larger; + color: var(--color5); } .modal-btn-subscription:hover { cursor: pointer; background-color: var(--color3); + color: var(--color4); } /* ===>>> SCREEN TABLET <<<=== */