@charset "utf-8";
/* AFB CSS Document */


/* MOBILE-first */

body {
	padding-top: 65px;
	font-family: 'Nunito Sans', sans-serif;
	color: #3a322c; /* proche de barrister */
	font-weight: 400;
}
.navbar-afb {
	background-color: #FFF; /* navbar bg */
	border-bottom: 2px solid #e9ecef; /* #90b0b8 muted lite blue */
}
.nav-item {
	text-transform: uppercase;
	padding-top: 20px;
	font-weight: 600;
}
#afbnav ul.navbar-nav > li > a {
	color: #79695e;
	padding-left: 20px;
}
#afbnav ul.navbar-nav > li > a:hover {
	color: #007D8A;  /* teal  */
}
#afbnav ul.navbar-nav > li > .active {
	color: #007D8A;
	font-weight: 600;
	text-decoration: underline;
}
.teal {
	color: #007D8A;
}
.abt-tony {
	padding-bottom: 50px;
}
.bg-1 {
	background-color: #e9ecef;  /* lite grey */
}
h2 {
	color: #007D8A;
	text-align: center;
}
.abt-tony h2 {
	padding-top: 5px;
	text-transform: capitalize;
	color: #008c99; /*008c99 30% dark */
}
#expertise h2 {
	padding-top: 50px;
}
#expertise h3 {
	padding: 10px 0;
	font-weight: 400;
}
.copyright {
	font-size: 0.6rem;
	padding-top: 25px;
	color: #eee;
}
#contact.container-fluid {
	background-color: #e9ecef;
	padding-bottom: 10px;
}
#contact {
	color: #2c2621;
} /*darker*/
#contact h2 {
	text-align: center;
	padding-top: 30px;
	font-weight: 700;
	color: #008a99;
}
#contact .col-lg-4 {
	padding-bottom: 30px;
}
a {
	color: #404040;
	font-weight: 600;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:hover {
	color: #007D8A; /* green */
	text-decoration: underline;
	font-weight: 600;
}
/* to control landing position of bookmarks/anchors */
.anchor {
	display: block;
	padding-top: 50px;
	margin-top: -50px;
}

/* SPECS pr tablets */
@media (min-width: 768px) {
.abt-tony {
	padding: 15px 30px 15px 5px;
} /* test */
img.photo {
	padding-top: 50px;
	padding-left: 30px;
}
h2 {
	text-align: left;
}
}

/* SPECS pr grand ecrans */
@media (min-width: 992px) {
#afb-brand img {
	width: 325px;
}
.navbar-text {
	margin-top: 20px;
	padding-left: 15px;
}
.abt-tony {
	padding: 28px 60px 20px 10px;
}
img.photo {
	padding-top: 60px;
	padding-left: 40px;
}
#expertise.container {
	padding: 10px 200px;
}
}

/* SPECS pr XL ecrans */
@media (min-width: 1200px) {
	.abt-tony {
	padding: 50px 60px 1px 5px;
}
img.photo {
	padding: 45px 40px 20px 40px;
}
}