@charset "utf-8";
/* CSS Document */

/* ======================================================= 
 GRID CSS
 *    
 * ======================================================= */

* {
  box-sizing: border-box;
}


blockquote {
  font: 1.1em/2 'Playfair Display', serif;
  font-style: italic;
  margin: 0 0 2em 0;
}

.grid1 {
	  display: grid;
    grid-template-columns: 1fr 2em 1fr;
   
    padding-top: 10px;
	
  }
img{
	object-fit: cover;
	max-width: 100%;
}
.img-lg{
	display: none;
	margin: auto 20px;
}
.img-sm{
	display: block;
	 auto 10px;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.imgrw8{
		width: 50%;
	}
figure{
  text-align: center;
	max-width: 100%;
}
.cta{
	padding: 0.25em 0.5em 1em;
}
.cta2a{
	padding: 0.25em 0em 1em 0.5em;
}
.cta2b{
	padding: 0.25em 0.5em 1em 0em;
}

	.cta-wrapper1 {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
		text-align: center;
		
		
  }
.cta-wrapper1a {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
	text-align: left;
	  
		
  
  }
	.cta-wrapper1b {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
	text-align: left;
	  
		
	
  
  }
	.cta-wrapper2 {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
		text-align: left;
		
		
	
  
  }
.cta-wrapper2a {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
	text-align: left;
	  
		
  
  }
	.cta-wrapper2b {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
	text-align: left;
	  
		
	
  
  }
.cta-wrapper3 {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
		text-align: left;
		
		
  
  }
.cta-wrapper3a {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
	text-align: left;
	  
		
  
  }
	.cta-wrapper3b {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
	text-align: left;
	  
		
	
  
  }
.cta-wrapper4 {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
		text-align: left;
		
		
  
  }
.cta-wrapper4a {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
	text-align: left;
	  

  
  }


	.cta-wrapper4b {
    grid-column: 3 / 4;
    grid-row: 4 / 5;
	text-align: left;
	  
		
	
  
  }
.cta-wrapper5 {
    grid-column: 1 / 4;
    grid-row: 5 / 6;
		text-align: left;
		
		
  
  }
.cta-wrapper5a {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
	text-align: left;
	  
		
  
  }
	.cta-wrapper5b {
    grid-column: 3 / 4;
    grid-row: 5 / 6;
	text-align: left;
	  
		
	
  
  }
.cta-wrapper6 {
    grid-column: 1 / 4;
    grid-row: 6 / 7;
		text-align: left;
		
		
  
  }
.cta-wrapper6a {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
	text-align: left;
	  
		
  
  }
	.cta-wrapper6b {
    grid-column: 3 / 4;
    grid-row: 6 / 7;
	text-align: left;
	  
		
	
  
  }
.cta-wrapper7 {
    grid-column: 1 / 4;
    grid-row: 7 / 8;
		text-align: left;
		
		
  
  }
.cta-wrapper7a {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
	text-align: left;
	  
		
  
  }
	.cta-wrapper7b {
    grid-column: 3 / 4;
    grid-row: 7 / 8;
	text-align: left;
	  
		
	
  
  }


@media only screen and (min-width: 650px) {
	
	.grid1 {
    grid-template-columns: 300px 20px 300px;
    
    padding-top: 10px;
	margin: 0 auto;
		width: min-content;
  }
	.img-lg{
	display: block;
}
.img-sm{
	display: none;
}
	.cta{
	padding: 0.5em 5em 1.5em;
}
.cta2a{
	padding: 0.5em 0em 1.5em 5em;
}
.cta2b{
	padding: 0.5em 5em 1.5em 0em;
}
		
}
@media only screen and (min-width: 1050px) {
	.img-d-non{
		display:none;
	}
	.max50{
	max-height: 100%;
}
	
  .grid1 {
    grid-template-columns: 500px 20px 500px;
    
	margin: 0 auto;
  }
	
}
@media only screen and (min-width: 1600px) {
	.img-d-non{
		display:none;
	}
	.max50{
	max-height: 100%;
}
	
  .grid1 {
    grid-template-columns: 650px 20px 650px;
    margin: 0 auto;
  }
	.cta{
	padding: 0.5em 10em 1.5em;
}
.cta2a{
	padding: 0.5em 0em 1.5em 10em;
}
.cta2b{
	padding: 0.5em 10em 1.5em 0em;
}
	
}