Mobile styles to calculator card
This commit is contained in:
parent
b5f93e4ea7
commit
6f6277cc49
|
@ -768,6 +768,42 @@ h6 {
|
||||||
.intro-pricing .intro-message .section-heading {
|
.intro-pricing .intro-message .section-heading {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.price-calc-section{
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 60px 10px !important;
|
||||||
|
}
|
||||||
|
.price-calc-section .card {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.price-calc-section .text {
|
||||||
|
width: 80%;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.price-calc-section .text .section-heading {
|
||||||
|
font-family: 'Lato-Black';
|
||||||
|
font-size: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.price-calc-section .text .section-heading::before {
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, 0);
|
||||||
|
}
|
||||||
|
.price-calc-section .text .description {
|
||||||
|
font-size: 18px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-calc-section .card .description input {
|
||||||
|
font-size: 17px;
|
||||||
|
text-align: center;
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -785,6 +821,14 @@ h6 {
|
||||||
.intro-message > h1 {
|
.intro-message > h1 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
|
.price-calc-section .text .section-heading {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
.price-calc-section .card .description span {
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue