body {
	font-family: 'Nunito Sans', sans-serif;
}

nav ul a,
nav .brand-logo {
  color: #444;
}


p.meta-data a:hover {
	color: #d81b60;
}

p {
  line-height: 1.3em;
}

p.flow-text {
	font-weight: 200;
}

p.teaser {
	line-height: 2rem;
}

p.meta-data {
	line-height: 1.3rem;
	color: #888;
	font-weight: 200;
}

p#subtitle {
	margin-bottom: 0;
	font-size: 1.2rem;
}

p.pair.top, h2.pair.top, h3.pair.top {
	margin-bottom: 0;
}

p.pair.bottom, h2.pair.bottom, h3.pair.bottom {
	margin-top: 0;
}

p.pair {
	font-size: 1.5rem;
	font-weight: 200;
}

h1 {
	font-weight: 900;
	font-size: 3.5rem;
	letter-spacing: 0.0125em;
}

h1.under-subtitle {
	margin-top: 0;
}

img.centered {
	margin: 0 auto;
	display: block;
}

h2 {
	font-weight: 700;
	font-size: 2.5rem;
}

div.section h2:first-child {
	margin-top: 9rem;
}

div.section div.project-text h2:first-child {
	margin-top: 2rem;
}

h3 {
	font-size: 1.5rem;
	font-weight: 700;
}

p.sub.pair {
	font-size: 1.4rem;
}

img#before, img#after {
	max-width: 12rem;
	margin: 0 auto;
}

hr.spacer {
 	height: 5rem; 
 	border: none;
}

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}

.parallax-container .section {
    width: 100%;
  }

div.row.flush {
	margin-bottom: 0;
}

div.row.text-right {

}

div.light-gray {
	background: #aaa;
}

div.dark-gray {
	background: #eee;
	color: #555;
}

div.text-padding p {
	line-height: 1.3em;
	font-weight: 200;
	max-width: 35rem;
	font-size: 1.2rem;
}

div.text-padding p:first-child {
	margin-top: 3rem;
	
}

div.text-padding p:last-child {
	margin-bottom: 3rem;
}

div.box {
	max-width: 35rem; 
	min-height: 50rem;
}

div.section div.box h2 {
	margin-top: 2rem;
	font-size: 2em;
}

p.list-item a {
	color: #000;
}

p.list-item a:hover {
	color: #d81b60;
}

div.col img.inline-flag-icon {
	width: 1.25em;
	padding-right: 0.5em;
}

a#french-language-link {
	padding-left: 2.2em; 
	background: url('images/flag_FR.png') no-repeat left 0.1em;
}

a#english-language-link {
	padding-left: 2.2em; 
	background: url('images/flag_US.png') no-repeat left 0.1em;
}

.project-text .tag {
	color: #777;
	border: 1px #CFCCB9 solid;
	border-radius: 0.25em;
	display: inline-block;
	padding: 0.35em 0.6em;
	margin: 0.5em 0.5em 0.5em 0;
	font-size: 0.9em;
	font-weight: 300;
}

.button_goto {
	display: inline-block;
	color: #fff;
	background: #55AAC1;
	box-shadow: 0px 2px 4px #93A498;
	margin: 1em 0.5em 1em 0;
	padding: 0.5em 2em;
	border-radius: 0.25em;
}

a:link.button_goto, a:visited.button_goto {
	text-decoration: none;
	color: #fff;
}

a.button_goto:hover {
	background: #81CEA1;
	box-shadow: 0px 1px 4px #93A498;
}

.button_goto.inactive {
	color: #888;
	background: #eee;
	box-shadow: 0px 1px 4px #ddd;
}

a.button_goto.inactive:hover {
	background: #eee;
	box-shadow: 0px 1px 4px #ddd;
}

.link_goto {
	display: inline-block;
	color: #767676;
	font-size: 0.95em;
	margin: 1em 0.5em 1em 2em;
	text-decoration: underline; 
}

a.link_goto:hover {
	color: #81CEA1;
}


div.wrapper {
	width: 100%;
}

div.wrapper.alternate {
	background: #FaFaFa;
}

div.wrapper div.project-text {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

p.desc {
	max-width: 40rem;
}

.center-align.project-text p.desc {
	text-align: left;
	max-width: 50rem;
	margin-left: auto;
	margin-right: auto;
}

div {
	outline: none;
}

div#about {
	background: url('../images/gray-faf-bg-h53.png') repeat-x top left;
}

p.list-item {
	font-size: 1.5rem;
	font-weight: 700;
}


p.list-item span.desc {
	font-weight: 300;
	font-size: 1rem;
	display: block;
}


.flex {
  display: flex;
  flex-wrap: wrap;
}

img.feature-thumb {
	width: 60%;
	max-width: 300px;
	margin: 3rem auto 2rem auto;
	display: block;
}

div.feature-vlist img.feature-thumb {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

div.row div.feature-text-right.col {
	margin-left: 0;
}

.back-to-toc {
	background: url('../images/back-to-top-line.gif') top center no-repeat;
	text-align: center;
	width: 90%;
	min-height: 8rem;
	margin: 3em auto;
	padding-top: 6rem;
}

a div.back-to-toc {
	color: #777;
}

a div.back-to-toc:hover {
	color: #d81b60;
}

a div.card {
	color: #000;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

a div.card:hover {
	color: #d81b60;
	opacity: 1;
    filter: alpha(opacity=100);
}


@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
  
  div.container {
  	width: 95%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }

  div.container {
  	width: 98%;
  }
  
  div.container.cards-wrapper {
  	width: 80%;
  }
  
  div.card {
  	margin-bottom: 2rem;
  }
  
  img.centered {
  	width: 65%;
  }
  
  div.section h2:first-child {
	margin-top: 4rem;
  }
  
  img#before, img#after {
	width: 90%;
  }
  
 nav .brand-logo {
  	font-size: 1.2rem;
  }
  
  .responsive-img {
  	margin: 0 auto;
  	display: block;
  }
  
  .link_goto, .button_goto {
  	display: block;
  	margin: 2rem auto;
  	text-align: center;
  	max-width: 80%;
  }
  
div.features p {
	text-align: center;
}


  
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}