Mobile styles to calculator card
This commit is contained in:
		
					parent
					
						
							
								b5f93e4ea7
							
						
					
				
			
			
				commit
				
					
						6f6277cc49
					
				
			
		
					 1 changed files with 44 additions and 0 deletions
				
			
		| 
						 | 
					@ -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…
	
	Add table
		Add a link
		
	
		Reference in a new issue