/* content page grid */

.contentPage {
	 display:grid;
	 grid-template-columns:5% 1fr 1fr 1fr 1fr 1.5fr 1.5fr 5%;
	 grid-template-rows:40px auto auto auto auto auto auto auto auto auto auto;
	  grid-gap: 30px;
    grid-template-areas:
    'Top Top Top Top Top Top Top Top'
    'Left Header Header Header Header Intro Intro Right'
    'Left LeadImage LeadImage LeadImage LeadImage Intro Intro Right'
    'Left LeadImage LeadImage LeadImage LeadImage List List Right'
    'Left LeadImage LeadImage LeadImage LeadImage List List Right'
    'Left Text1 Text1 Text1 Text1 List List Right'
    'Left Text2 Text2 Text2 Text2 List List Right'
    'Left Text3 Text3 Text3 Text3 List List Right'
    'Left Text4 Text4 Text4 Text4 List List Right'
    'Left Text5 Text5 Text5 Text5 List List Right'
    'Left Footer Footer Footer Footer Footer Footer Right';
    margin: 0;
	
}




.headerContent {
	grid-area: Header;
	
	
}


.introContent {
	grid-area: Intro;
	
}


.contentImage {
	grid-area: LeadImage;
	
	
}


.asideList {
	grid-area: List;
	
	
}



.pageContent1 {
	grid-area: Text1;
	
	
}



.pageContent2 {
	 grid-area: Text2;
	
	
}





.pageContent3 {
	 grid-area: Text3;
	
}





.pageContent4 {
	 grid-area: Text4;
	
}





.pageContent5 {
	 grid-area: Text5;
	
}



.footerHome {
	grid-area: Footer;
	
}



@media (max-width: 1200px) {
    .contentPage {
	    
	grid-template-columns:10% 1fr 1fr 1fr 1fr 1.5fr 1.5fr 10%;


    grid-template-areas: 
    
    'Top Top Top Top Top Top Top Top'
    
    'Left Header Header Header Header Header Header Right'
    
    'Left Intro Intro Intro Intro Intro Intro Right'
    
    'Left LeadImage LeadImage LeadImage LeadImage LeadImage LeadImage Right'
            
    'Left Text1 Text1 Text1 Text1 Text1 Text1 Right'
    
    'Left Text2 Text2 Text2 Text2 Text2 Text2 Right'
    
    'Left Text3 Text3 Text3 Text3 Text3 Text3 Right'
    
    'Left Text4 Text4 Text4 Text4 Text4 Text4 Right'
    
    'Left Text5 Text5 Text5 Text5 Text5 Text5 Right' 
    
    'Left List List List List List List Right'
    
    'Left Footer Footer Footer Footer Footer Footer Right';
    
    margin: 0;
    
    }