body{
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6{
margin: .5em 0;
}

#wrapper{
max-width: 1200px;
margin: auto;
}

#header{
height: 300px;
}

#header-container{
padding: 10px;
}

#logo{
width: 200px;
height: 200px;
float: left;
}

#logo a{
display: block;
width: 100%;
height: 100%;
}

#company-name{
margin-left: 230px;
}

#menu-bar{
text-align: center;	
padding: 5px;
}

#menu-bar span{
display: inline-block;
padding: 1px 5px;
margin: 0 10px;	
width: 130px;
}

#menu-bar span a{
display: block;
margin: 5px 0;	
}

#top-bar{
padding: 5px;
text-align: center;	
}

#top-bar p{
margin: 0;
}

#content{
padding: 10px; 
}

#associations-grid{
width: 75%;
margin: auto;
padding-top: 20px;
display: grid;
grid-template-columns: 21% 21% 21% 21%;
column-gap: 4%;
text-align: center;
}

#associations-grid .member{
height: 200px;
text-align: center;
}

#associations-grid img{
width: 100%;
}

@media screen and (max-width: 800px) {
	#associations-grid{
	grid-template-columns: 46% 46%;
	}
}

/* Cross-Site Non-Conditional */

.nav-text{
position: absolute;
margin: -9999px;
}

.image-right{
float: right;
width: 25%;
padding: 0 0 10px 10px;
}

.bump-up{
position: relative;
margin-top: -30px;
}