@charset "UTF-8";
@media screen and (min-width: 0px) and (max-width: 1000px) {
 	
	body { font-size: 1.0em; }
	
	h1 {
	font-size:2em;
	}
	
	h2 {
	font-size:1.7em;
	}
	
	h3 {
	font-size:1.5em;
	}


#logo {	
	top: 2em;
	float: left;
	max-width: 100%;
	width: 60%;
}




#mobilemenu {
	display: inline-block;
	font-size:2.5em;
	float: right;
	margin-right:5px;
	margin-top:20px;
	width: 10%;
}

#homecontentholder {
	max-width: 90%;  
}

	
#contactinfo {
	display:none;
}

#nav {
	display:none;
}

#menu { 
	width: 100%; 
	position: relative;
	top: 0px;
	padding-bottom:10px;
	margin:0;
	height:auto;
}

#menuholder {
	height: 100px;
}


#content {
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	margin-top:0;
	top:0;
}

.flex-holder {
	display: inline-block;
	gap: 0;
}

.column {
	flex: none;
}


.event-listing {
	display: inline;
	gap: none;
}
.event-pic {
width: 100%;
margin-bottom:10px;
}

.event-info {
width: 100%;
}


.feature {
	display: inline-block;
	gap: 0;
	text-align: center;
	width: 100%;
}

.feature-column-1 {
	flex: none;
	text-align: center;
}

.feature-column-2 {
	flex: none;
	text-align: center;
	margin-top:2em;
}








#mastheadholder {
	margin:0px auto;
	width:80%;
	font-size: 2em;
	padding-top:2em;
	margin-top:0;
	padding-bottom:2em;
}

#featureholder {
	max-width: 1070px;  
	margin: 0px auto;
	position: relative;
	height:auto;
	padding: 1em;
	margin: 1em;
}

#featureleft {
	float: none;
	width:90%;
	text-align: center;
	margin:0 auto;
}

#featureright {
	float: none;
	width:90%;
	margin-top:2em;
	text-align: center;
}



#footer {
	width: 100%;  
	margin: 0px auto; 
	padding: 0; 
	position:relative;
	color: #999999;
	top: 0px;
	height:auto;
	font-size:.9em;
	margin-top:2em;
}

#left {
	width: 95%;
	float: none;
}

#right {
	width: 95%;
	float: none;
}

#memberleft {
	text-align: center;
	width: 95%;

}

#memberright {
	text-align: center;
	width: 95%;

}


#personcard {
	width:38%;
	height:auto;
	margin: 0 auto;
	display: inline-block; 
	padding: 1em;
	margin: .5em; 
	font-size:.8em;
}

.dontshowme {
	display:none;
}

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

.square
    {
    	margin:10px;
		padding:10px;
        width: 80%;
        text-align:center;
        border: 1px dotted gray;
		vertical-align:top;
		color: #fff;    
    }

 .squareplain
    {
    	margin:20px;
		padding:20px;
        width: 80%;
        text-align:center;
        display:inline-block;
		vertical-align:top;
    }

    

.button {
	margin:.5em;
    }

	
	
	
	
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
}