+
{header}
diff --git a/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss b/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss
index b0d60983..7a54f20a 100644
--- a/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss
+++ b/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss
@@ -1,11 +1,20 @@
+.client--ikonotv.page--landing {
+ background-color: #c40050;
+ margin: 0;
+ width: 100%;
+ padding: 5em 1em;
+}
+
+
+.client--ikonotv.page--landing .ascribe-footer {
+ display: none;
+}
+
.ikonotv-landing {
/* center all text on the page */
text-align: center;
- background-color: #c40050;
color: white;
- padding: 5em 5em 5em 5em;
-
header {
/* center all images on the page */
img {
@@ -16,7 +25,7 @@
/* Ikonotv logo */
img:first-child {
- width: 200px;
+ max-width: 200px;
}
> .tagline {
@@ -29,12 +38,30 @@
margin-top: 10px;
margin-bottom: 10px;
+
+ @media only screen and (max-width: 600px) {
+ font-size: 4em;
+ }
+ }
+
+ > .poster {
+ max-width: 600px;
+ margin: 0 auto;
+ > .content {
+ width: 100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ background-color: #ffff00;
+ }
}
}
> h2 {
font-weight: 600;
font-size: 2.75em;
+ @media only screen and (max-width: 600px) {
+ font-size: 1.75em;
+ }
}
> h2 + h2 {
@@ -44,7 +71,8 @@
article {
> section {
- width: 65%;
+ width: 100%;
+ max-width: 60em;
margin: 3em auto 1em auto;
> h1 {
@@ -57,6 +85,9 @@
text-align: left;
font-size: 1.3em;
line-height: 1.8;
+ @media only screen and (max-width: 600px) {
+ font-size: 1.1em;
+ }
}
}
}
@@ -78,4 +109,4 @@
font-weight: 500;
}
}
-}
\ No newline at end of file
+}