html, body
{
  height: 100%;
}

body
{
  font-family: "montserrat", sans-serif;
  color: #888;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0;
}

header {
  background: #4F2D65;
  background-repeat: no-repeat, repeat;
  text-align: center;
  padding: 1rem;
  background-image: url('../images/icon.png');
  background-position: top -50px right -240px;
  background-size: 420px;
  min-height: 320px;
  display: flex;
  align-items: center;
}


header h1 {
  color: white;
  font-weight: 200;
  text-align: left;
}

header h2 {
  color: white;
  font-weight: bold;
  text-align: left;
}

section .project-group
{
  padding: 3rem;
}

section .project-group:nth-child(even)
{
  background: #f5f5f5;
}

section .project-group:nth-child(odd)
{
  background: #fff;
}

section .project-group h1 {
 color: #666;
 font-weight: 200;
 text-align: left;
 margin-bottom: 2rem;
}

.card
{
  border: 0;
  background: 0;
}

.card-img-top
{
  width: 150px;
}

.btn-link
{
  color: #4F2D65;
}

footer
{
  background: #4F2D65;
  text-align: center;
  padding: 1rem;
  display: flex;
  align-items: center;
  color: white;
}

footer p
{
  width: 100%;
  text-align: center;
}

footer a
{
  color: #e8e5ce;
}

footer a:hover
{
  color: #e8e5ce;
}