Mobile styles to calculator card
This commit is contained in:
parent
b5f93e4ea7
commit
6f6277cc49
|
@ -769,6 +769,42 @@ h6 {
|
|||
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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media(max-width:540px) {
|
||||
|
@ -785,6 +821,14 @@ h6 {
|
|||
.intro-message > h1 {
|
||||
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