header {
  		height: auto;
  		display: flex;            /* Makes children sit side-by-side */
  		justify-content: flex-start;  /* Centers them horizontally (or use space-between, flex-start) */
  		align-items: center;      /* Aligns them perfectly on a vertical axis */
  		gap: 0;         
    min-width: 400px; 		
    background-color: white; /* for browsers that do not support gradients */
    white-space: nowrap;
     	} 	
header img { 		margin: 0; 		} 	
   .wordmark { 		padding: 10px 0 20px 10px; 		max-width: 360px; 		}
   .wordmark img { 			height: 80px; 			width: auto; 			}
   
  
article {
  		height: auto;
  		min-height: 600px;
  		display: flex;            /* Makes children sit side-by-side */
  		justify-content: flex-start; 
  		align-items: flex-start; 
  		gap: 0;         
    min-width: 400px; 	
    background-color: #095fcc; /* for browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom right, #095fcc, #095fcc) ; /* for safari 5.1 to 6.0 */ 		
    background: -o-linear-gradient(to bottom right, #095fcc, #095fcc); /* for opera 11.1 to 12.0 */ 		
    background: -moz-linear-gradient(to bottom right, #095fcc, #095fcc); /* for firefox 3.6 to 15 */ 		
    background: linear-gradient(to bottom right, #095fcc, #095fcc) right top no-repeat; /* standard syntax */ 		
    white-space: nowrap;
    }  
article div {
    padding: 10px 10px 10px 0;
    
    }
    article a {
        color: #ccf6e3;
        }
.welcome {
    font-size: 1.6em;
    font-family: Arial;
    padding: 10px 0 0 20px;
    }
    
.frontquote {
    text-wrap: balance;
    color: #ffe7c0;
    
    }
    .quoteauthor {
        font-family: cursive;
        font-size: 1.4em;
        margin-top: 0;
        }
.frontabout, .frontcontact {
    text-wrap: balance;
    color: white;
    }
    .fronttitle {
        color: #39df94;
        font-size: 1.5em;
        }
    .thertitle {
        color: #39df94;
        font-size: 1.2em;
        }
 
 .frontfeatures {
    text-wrap: balance;
    color: white;
    }