100 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			Sass
		
	
	
	
			
		
		
	
	
			100 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			Sass
		
	
	
	
| // SASS for Case Studies pages go here:
 | |
| 
 | |
| hr
 | |
|   background-color: #999999
 | |
| 
 | |
| h2
 | |
|   margin-bottom: 15px !important
 | |
| 
 | |
| .subhead
 | |
|   padding-bottom: 2% !important
 | |
|   padding-top: 0% !important
 | |
| 
 | |
| .details
 | |
|   margin-left: 1.9%
 | |
|   padding-right: 5%
 | |
|   font-size: 16px !important
 | |
|   padding-bottom: 2% !important
 | |
| 
 | |
| .section1
 | |
|   margin-bottom: 3%
 | |
|   .cols
 | |
|     width: 80% !important
 | |
|     margin-left: 6.8%
 | |
|     padding-top: 1.5%
 | |
|     .col1
 | |
|       width: 52% !important
 | |
|       font-weight: 300 !important
 | |
|     .col2
 | |
|       width: 46% !important
 | |
| 
 | |
| .banner2text
 | |
|   width: 63%
 | |
|   padding-top: 10%
 | |
|   padding-left: 0% !important
 | |
|   float: initial !important
 | |
|   text-align: center
 | |
|   margin: 0 auto
 | |
|   position: relative
 | |
| 
 | |
| .banner3text, .banner4text, .banner5text
 | |
|   width: 63%
 | |
|   padding-left: 0% !important
 | |
|   float: initial !important
 | |
|   text-align: center
 | |
|   margin: 0 auto
 | |
|   position: relative
 | |
| 
 | |
| .fullcol
 | |
|   float: initial !important
 | |
| 
 | |
| body footer
 | |
|   background-color: #585858 !important
 | |
| 
 | |
| .section1
 | |
|   float: left !important
 | |
| 
 | |
| .banner1
 | |
|   padding-left: 11.9% !important
 | |
| 
 | |
| .banner2
 | |
|   float: initial !important
 | |
|   padding-bottom: 2% !important
 | |
| 
 | |
| footer
 | |
|   padding: 0% 7%
 | |
| 
 | |
| .banner4, .banner3, .banner5
 | |
|   float: initial !important
 | |
| 
 | |
| @media screen and (max-width: 910px)
 | |
|   .banner2text
 | |
|     width: 47%
 | |
|     padding-top: 45%
 | |
|   .details
 | |
|     margin-left: 0%
 | |
|     margin-bottom: 3%
 | |
|   .subhead
 | |
|     padding-bottom: 0% !important
 | |
|     padding-top: 0% !important
 | |
|   .banner3
 | |
|     width: 100% !important
 | |
| 
 | |
| @media screen and (max-width: 780px)
 | |
|   .section1 .cols
 | |
|     width: 100% !important
 | |
|     margin-left: 0%
 | |
|     padding-top: 5%
 | |
|     .col1, .col2
 | |
|       width: 100% !important
 | |
|       margin-left: 0% !important
 | |
|   .fullcol
 | |
|     width: 90% !important
 | |
|     margin-left: 5% !important
 | |
|   .banner1
 | |
|     padding-left: 10% !important
 | |
|     margin-bottom: 6% !important
 | |
|   .banner2text
 | |
|     padding-top: 60% !important
 | |
|     padding-bottom: 2% !important
 |