#primary {margin: 0 0 20px 0;}


 .touch-wrap {display: block; width: 300px; margin: 0 auto; text-align: center;}


.center-align {text-align: center;}

 .brochure {font-size: 28px; font-weight: 500; padding: 3px!; margin: 2px; text-align: center;}

.view-plans-gold {display: inline-block; width: 88%; margin: 2px auto 2px auto; padding: 8px 18px; } /* also used LP pages */

		
		
a.view-plans-gold  {background: #e69506; border: solid 2px #e69506;  border-radius: 5px; text-decoration: none; color: #fff;  font-size: 18px; font-weight: 600;}
a.view-plans-gold:hover {background: #fff; border: solid 2px #e69506;  color: #e69506; border-radius: 5px; transform: scale(1.03);}
a.view-plans-gold:visited  {background: #e69506; border: solid 2px #e69506;  border-radius: 5px; text-decoration: none; color: #fff;  font-size: 18px; font-weight: 600;}
a.view-plans-gold:active  {background: #e69506; border: solid 2px #e69506;  border-radius: 5px; text-decoration: none; color: #fff;  font-size: 18px; font-weight: 600;}

.wrap-awards  { /* QR */
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
	}
	
 

/* 4 column */

.box-awards {
	width: 21.5%;
	width: 17%;
	padding: 10px; 
	padding-bottom: 15px 20px; /* Same as width, sets height */
	margin-bottom: 2%; /* (100-32*3)/2 */
	position: relative;
	min-height: 100px; 
	min-height: 80px;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
}
.box-awards img {width: 80%; border: solid 0px #ccc;}

.box-awards:hover {
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04); 
	box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1), 0 5px 5px -5px rgba(0, 0, 0, .04); 
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	color: #36567a!important;
	transition: background-color 0.5s ease;
	}
.box-awards  a {text-decoration: none;}
.box-awards  .features-subtitle4 a:hover {text-decoration: none; color: #e69506;}

.box-awards-blank {
	width: 17%;
	padding: 10px; 
	padding-bottom: 15px 20px; /* Same as width, sets height */
	margin-bottom: 2%; /* (100-32*3)/2 */
	position: relative;
	min-height: 100px; 
	min-height: 80px; 
}

.award-subtitle {
	display: block;
	width: 88%;
	color: #555;
    padding: 9px 0;
	margin: 5px auto;
    font-weight: 600;
    font-size: 16px;
	line-height: 20px;
	text-align: center;
	border: solid 0px #ccc;
}
.award-subtitle a {text-decoration: none; color: #555;}
.award-subtitle a:hover {text-decoration: none; color: #e69506;}
.small4b {font-size: 16px; line-height: 20px;}

.flex-wrap {
	width: 1150px;    
    display: flex;
    flex-direction: row;
    flex: 1 1 auto; /* take up all available space */
    margin: 1em 11%;
	margin: 1em auto;
    min-height: 0; /* fixes FF issue with minimum height */
	}

.flex-block {
 
	overflow-y: auto;
	padding: 10px;
	margin: 10px;
	width: 30%;
	min-height: 300px;
	background: #fff;
	text-align: left;
	float: left; 
	padding: 15px 30px 10px 30px; 
	margin: 10px; 
	margin: 10px 16px 20px 0;
	border: solid 2px #555; 
	border-radius: 7px; 	
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
	}
	



/* end */
 
 @media (max-width:1200px)  {
	.wrap-features  {
		display: flex;
		width: 90%;
		margin: 10px auto;
	}
	
	 
 }
 
 /* Mobile */
 
@media (max-width:768px) {
 
	.wrap-features  {
		display: flex;
		width: 90%;
		margin: 10px auto;
	}
	.colwidth {width: 88%; margin: 0 auto;}
	
	.box-features {width: 99%; height: auto;}
	.box-features img{width: 90px; height: 90px;}
	
	.crumbs {margin: 0 0 0 5px;}
	.awards-wrap {width: 93%; margin: 0 auto;}
	
	.col50 {width: 100%; margin: 5px; text-align: center;}
	.spacer-40 {height: 10px;}


	.awards {text-align: center; margin-top: 4px;}

	p.award-sub {
		text-align: center; 
		width: 85%;
		padding: 10px 10px 10px 10px;
		margin: 8px auto;
    	font-weight: 400;
    	font-size: 16px;
		line-height: 24px;
	}
	.mobilehide {display: none;}

	.awards-wrap {width: 96%;}
	.wrap-awards {width: 95%; margin: 0 auto;}
	
	.box-awards {float: left; min-height: 210px; width: 40%; margin: 4px;}
	
	.award-subtitle {font-size: 14px;}

	
	.view-plans-gold {
		display: inline-block;  
		width: 88%;
		margin: 2px auto 0 auto; 
		padding: 8px 18px; 
	} 
	

	.box-awards-blank {display: none;}
 
	

	
 
}

/* iPad */

@media screen and (min-width: 670px) and (max-width: 1088px){
		
	.colwidth {width: 90%;}
	.col50 {width: 42%;}
	.col50 img {margin-top: 20px;}
	.awards {font-size: 38px; margin-top: 20px;}
	.award-sub  {font-size: 16px; line-height: 18px;}
	
	.box-awards {float: left; min-height: 200px; width: 25%; margin: 4px;}
	
	
}