You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
1.4 KiB
81 lines
1.4 KiB
@import './DiscountCode/index.scss'; |
|
@import './SubscribeRadio/index.scss'; |
|
|
|
.subscription { |
|
main { |
|
h1,h2{ |
|
color: $gray; |
|
} |
|
p{ |
|
color : $gray; |
|
margin : 10px 0px 35px; |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width : 1441px) { |
|
.subscription{ |
|
main{ |
|
margin-top: 30px; |
|
max-width: 700px; |
|
h1{ |
|
font-size: 24px; |
|
} |
|
p{ |
|
font-size: 14px; |
|
} |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width : 1008px) and (max-width : 1440px) { |
|
.subscription{ |
|
main{ |
|
margin-top: 20px; |
|
max-width: 700px; |
|
transform: scale(0.8) translateY(-80px); |
|
h1{ |
|
font-size: calc(100vw / 50); |
|
} |
|
p{ |
|
font-size: calc(100vw / 95); |
|
} |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width: 641px) and (max-width : 1007px) { |
|
.subscription{ |
|
background : black; |
|
padding: 80px 20px 0px; |
|
main{ |
|
margin-top: 0px; |
|
max-width: 900px; |
|
h1{ |
|
font-size: calc(100vw / 35); |
|
} |
|
p{ |
|
font-size: calc(100vw / 55); |
|
} |
|
} |
|
} |
|
} |
|
|
|
@media screen and (max-width : 640px) { |
|
.subscription{ |
|
background : black; |
|
padding: 80px 10px 0px; |
|
main{ |
|
margin-top: 0px; |
|
max-width: 500px; |
|
// transform: scale(0.8) translateY(-20px); |
|
h1{ |
|
font-size: calc(100vw / 18); |
|
} |
|
p{ |
|
font-size: calc(100vw / 30); |
|
} |
|
} |
|
} |
|
} |
|
|
|
|