/* CSS Document */

body {
  font-family: arial;
}

.container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}



@media (max-width: 900px) {
	header{
		background-image:none !important;
	}
	nav  span::before { 
		display: inline-block;
    }
	nav{
		 background-color:  #C69723  !important;
		 background-image:none !important;
		 font-size:1.3em;
	}
	aside{
		 background-color:  #C69723  !important;
		 background-image:nonee;
	}
	.collogo{
		display:none;	
	}
	.cell{
	    width:15em !important;
		display:table-cell;
	}
	
 	main  {font-size:1.3em; }
	.footerlinks  {font-size:.8em !important; }
	
	spacing{display:inline !important; }

}
spacing{display:none; }

.rowdiv{
	display:table;
}
.cell{
	width:auto;
}
 
@media (min-width: 900px) {
	.collogo{
		display:block;	
		 position:absolute ;
		bottom:0;
		right:20px;
	}
	
}

.address{
	font-size:0.6em;	
	line-height:30px
}
  
main {
   
  padding: 20px;
  background-color: white;
  text-align:left;
  color:#434343;
}

nav {
	flex:1 0 0;
	padding: 20px;  
    background: linear-gradient(#C69723, white);
	line-height:1.5em;
	text-align:left;
}
 
aside {
	 
  padding: 20px;
  background: linear-gradient(#C69723, white);
 
}

footer {
  grid-column: span 3;
  padding: 30px;
  text-align: center;
  font-size: 1.4em;
  background-color: white;
  color:   #434343;
}

h1 {
  margin-bottom: 1em;
  font-size: 1.3em;
  font-weight: bold;
  text-align:center;
}

.headerImg{
 
  height:100%;
  width:auto;	
}

.responsiveImg{
    max-width: 100%;
    height: auto;
 
}

.officers{
 text-align:left; 
 position:relative;
 left:25%;	
}

.maroontext {
	font-size: inherit;
	color: #936 !important;
}

.eggplanttext {
	font-size: inherit;
	color: #400040 !important;
}

.info{
	
}

.footerlinks{
	font-size:0.7em;
	color: #400040 ;
}

.navlinks{
	font-size:0.9em;
	color: #400040 ;
	white-space:nowrap;
 
}
nav  span::before {
  content: "\A";
  white-space: pre;
}
a{
	text-decoration:none;
	font-style:italic; 
}

.infoHeader{
	font-weight:bold;
	font-style:italic; 
	color:gray;
}

.card{
		width:100%;	
		height:auto;
	 }
	.date{
		text-align:left;
		float:left;
	 }
	 .title{   
		text-align:right; 
	}
	.descrip{ 
		padding-top:15px;
	}
	.cardTop{
		font-weight:bold;
		font-style:italic;  
		display: inline;
	}
	
	
		
.left{
	  text-align:left;
	  position:relative;
	  left:15%;
	  width:80%;
 }	
		



 .divider {								/* minor cosmetics */
            display: table;  
            text-align: center; 
            width: 75%; 						/* divider width */
            margin-top: 10px;
			  margin-bottom: 10px;
			  margin-right: auto;
			  margin-left: auto;				/* spacing above/below */
        }
        .divider span { display: table-cell; position: relative; }
        .divider span:first-child, .divider span:last-child {
            width: 50%;
            top: 13px;							/* adjust vertical align */
            -moz-background-size: 100% 2px; 	/* line width */
            background-size: 100% 2px; 			/* line width */
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat;
        }
        .divider span:first-child {				/* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(gray));
            background-image: -webkit-linear-gradient(180deg, transparent, gray);
            background-image: -moz-linear-gradient(180deg, transparent, gray);
            background-image: -o-linear-gradient(180deg, transparent, gray);
            background-image: linear-gradient(90deg, transparent, gray);
        }
        .divider span:nth-child(2) {
            color: grey; padding: 0px 5px; width: auto; white-space: nowrap;
        }
        .divider span:last-child {				/* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(gray), to(transparent));
            background-image: -webkit-linear-gradient(180deg, gray, transparent);
            background-image: -moz-linear-gradient(180deg, gray, transparent);
            background-image: -o-linear-gradient(180deg, gray, transparent);
            background-image: linear-gradient(90deg, gray, transparent);
        }