body{
margin:0;
padding:0;
border-top:4px solid #dfdbd7;
font-family: 'Open Sans', Arial, sans-serif;
color:#89837b;
font-weight: 300;
font-size:18px;
line-height:1.6em;
}

/* STRUCTURE ********************************************/

#wrapper{
width:100%;
max-width: 978px;
margin:0 auto;

}

header{
text-align:center;
padding:15px 0;
}

section, footer{
padding:70px 0;
border-top:4px solid #f0ede9;
float:left;
width:100%;
}
section#banner{
border-top:0;
}


/* TYPE ********************************************/


p{
margin:0;
}

h2{
margin-top:0;
font-family: 'Oswald', Arial, sans-serif;
font-weight:400;
text-transform:uppercase;
color:#d8d4ce;
font-size:2em;
line-height: 1.2em;
}

h3{
margin:0 0 0.6em;
font-family: 'Oswald', Arial, sans-serif;
font-weight:300;
text-transform:uppercase;
color:#bdb7ae;
font-size:1.4em;
line-height: 1.2em;
}

a, a:visited, a:active{
text-decoration:none;
color:#89837b;
}

a:hover{
text-decoration:none;
color:#bdb7ae;
}


/* INTRO ********************************************/

#banner{
padding-top:0;
}

.banner-main{
display:inline-block;
float:left;
width:100%;
}

.banner-small{
width:23%;
margin:2.3% 0 0 2.6%;
padding:0;
border:0;
display:inline-block;
float:left;
}

.quarter li {
text-align: left;
}


/* OUR TEAM ********************************************/

.quarter{
width:23%;
margin:0 0 0 2.6%;
padding:0;
display:inline-block;
float:left;
text-align:center;
}

.q1, .first{
margin-left:0;
text-align:left;
}

.first.quarter p{
padding-right:30px;
}

.circular {
width: 180px;
height: 180px;
border-radius: 90px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
text-indent: -9999px;
background:#dfdbd7;
margin:0 auto 25px;
}

.portrait1 {
background: url(images/phil.jpg) no-repeat;
}
.portrait2 {
background: url(images/carol.jpg) no-repeat;
}
.portrait3 {
background: url(images/kim.jpg) no-repeat;
}

.small-p{
font-size:0.85em;
line-height:1.4em;
}


/* CONTACT ********************************************/

.contact {
align-items: center;
display: flex;
gap: 1em;
justify-content: flex-start;
margin-bottom: 1em;
}

.contact img {
display: block;
}

.three-quarter{
width:74.4%;
margin:0 0 0 2.6%;
padding:0;
display:inline-block;
float:left;
}

/* p.contact{
margin-bottom:1.2em;
}

p:before{
margin: -2px 10px 0 0;
float: left;
}

p.phone:before{
content: url(images/phone.png)
}
p.mail:before{
content: url(images/mail.png)
}
p.address:before{
content: url(images/address.png)
}
p.facebook:before{
content: url(images/facebook.png)
} */

/* FOOTER ********************************************/

footer{
padding:30px 0;
float:left;
width:100%;
font-size: 0.85rem;
}

footer p{
display:inline;
width:50%;
}

.foot-link{
float:right;
text-align:right;
}


/* MEDIA QUERIES ********************************************/

@media only screen and (max-width: 978px) {
	section, footer{
	width:90%;
	margin:0 5%;
	}
	section#banner{
	width:100%;
	margin:0;
	}
}

@media only screen and (max-width: 850px) {
	.team .quarter{
	width:30%;
	margin:8% 1.5% 0;
	}
	.first.quarter{
	width:100%;
	margin:0;
	}
	.three-quarter{
	width:100%;
	margin:0;
	}
	.even-q{
	width:50%;
	margin:0;
	float: left;
	clear: left;
	}
	.quarter ul {
	margin: 0;
	}
}

@media only screen and (max-width: 675px) {
	body{
 	font-size:16px;
	}
	.team .quarter{
	width:90%;
	margin:10% 5% 0;
	}
	.first.quarter{
	width:100%;
	margin:0;
	}
}

@media only screen and (max-width: 500px) {
	section{
	padding-bottom:40px;
	}
	.banner-small{
	width:48%;
	margin:4% 0 0 4%;
	}
	.first{
	margin-left:0;
	}
	.third{
	margin-left:0;
	}
}