Mobile styles to calculator card

This commit is contained in:
Henry Bravo 2017-06-06 10:36:47 -05:00
parent b5f93e4ea7
commit 6f6277cc49

View file

@ -769,6 +769,42 @@ h6 {
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;
}
} }
@media(max-width:540px) { @media(max-width:540px) {
@ -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;
}
} }