pagewrapper main		{
			display:flex ;
			flex-direction: column;
			padding-bottom:0 ;
			}



pagewrapper nav			{
						background: #ffffff ;
						}
						
pagewrapper nav li a    {
						}





main h1.pagetype		{
						width:100% ;
						text-align:center ;
						font-size:3.2rem;
						}


						
#homeicons1, #homeicons2		{
								padding-left:50px;
								padding-right:50px;
								padding-bottom:90px;
								margin-bottom:0 ;
								flex-grow:1 ;

								}						
#homeicons1						{
								}						
						
.homegray		{
				background: #ecf1f1 ;
				}		


.iconblockwrapper	{
					display:flex ;
					justify-content: space-around ;
					
					}


.iconblock		{
				flex-basis: 28% ;
				max-width:240px;
		/* 		min-width:300px ; does not wrap faster */
				background:#ffffff ;
				display:flex;
				flex-direction: column;
				align-items: center;
				justify-content: space-between;
				padding-top:27px;
				padding-left:1em;
				padding-right:1em;
				padding-bottom:26px;
				margin-top:.6em;
				}
				
.iconblock .textwrapper		{
							border:0px solid red;
							height:10em;
							}

main .iconblock h4,
main .iconblock h4 a	
		{
					color:#23408f ;
					margin:0;
					margin-top:1em;
					text-align:center;
					text-decoration: none;
					line-height:1.2em;
					}
					
main p.intro, #homeicons2 p.intro					{
					margin-top:1.8em;
					margin-bottom: 1.7em;
					font-size:1.2em;
					line-height: 1.4em;
					}

main p, #homeicons2 p			{
										padding-left:.3em ;
										}

main p {
			margin-bottom:4em;
}

					
main .iconblock p		{
					position: relative;
					top:0 ;
					line-height:1.3em;
					font-size:1em;
					margin-top:1.8em;
					margin-bottom: 1.7em;

					}

					
img.homeicon		{
					height:160px;
					margin-top: 10px;
					margin-bottom:10px;
					}
							
.titlewrapper			{
						
						height:2em;
						}
							
										
.homebutton		{
						width:10em;
						display: inline-block;
						background-color: #23408f ;
						border-radius:3px ;
						border: 0px orange solid ;
						
						padding: 6px ;
						padding-bottom: 10px ;

						text-decoration: none ;
						vertical-align: middle ;
						text-align:center;
						white-space:nowrap ;

						overflow: hidden;
						cursor:pointer;
					}

.homebutton:hover	{
					background-color: #4360af ;
					}
					
a.whitelink			{
					font-weight:700;
					text-decoration: none;
					color:#ffffff;
					}
a.whitelink:hover			{
					color:#fdd28d ;
					}
					


					
@media (max-width: 765px)
{

	main h1.pagetype		{
							font-size:2.0rem;
							}

	.iconblock		{	flex-basis: 90% ; 
						margin-bottom: 2em; 
					}

	main .iconblockwrapper {
							flex-wrap:wrap ;
							}

}