@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); } } } }