.team{
	overflow: hidden;
    text-align: center;
}

.team div{
	border: 1px solid #EDEDED;
    display: inline-block;
    margin: 0 2px 15px 0;
    padding: 10px 5px;
}

.team div:last-child{
	margin: 0;
}

.team div a img{
	display: block;
    margin-bottom: 10px;
    max-height: 155px;
}

.team div p a{
	display: block;
}

/* CSS media query within a style sheet */

@media (max-width: 1000px) {

  	html, body {
      	overflow-x: hidden;
  	}

	header {
	    height: 160px;
	}

  	#logo {
	    background-size: 210px auto;
	    height: 105px;
	    left: 35px;
	    margin-top: 0;
	    top: 25px;
	    width: 210px;
	}

	nav{
		left: 295px;
		top: 80px;
	}

	nav li {
		padding: 0 8px;
	}

  	.page{
    	width: 94%;
  	} 

  	footer{
    	width: 100%;
    	padding: 20px 30px;
  	}
}

@media (max-width: 769px) {

	#logo {
	    background-size: 150px auto;
	    height: 75px;
	    top: 5px;
	    width: 150px;
	    left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto; 
		/* border: 1px solid black; */
	}

	header {
	    height: 135px;
	}

	nav{
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto; 
		top: 100px;
		/* border: 1px solid black; */
	}

	.page{
		width: 93%;
	}

	/*.team div{
		border-right: 1px solid #EDEDED;
		border-bottom: none;
	}

	.team div:last-child{
		border-bottom: 1px solid #EDEDED;
	}

	.team div a img{
	    max-height: none;
	    max-width: 200px;
	}*/

}

@media (max-width: 600px) {

	header {
	    height: 160px;
	}

	nav{
		top: 100px;
		width: 90%;
		/* border: 1px solid black; */
	}

	nav li {
	    margin-bottom: 20px;
	}

  	.page{
		width: 92%;
		padding: 0 10px;
  	}

  	#family {
      	left: 0px;
      	right: auto;
  	}

  	footer{
    	padding: 20px;
  	}

  	footer li {
	    padding-bottom: 20px;
	}


}