@charset "UTF-8";
/* CSS Document */


	

body {
    /*background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(231, 216, 199, 0.60) 100%);
	background-size: cover;
	background-attachment: fixed;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	line-height: 24px;
	color: rgba(0,0,0,0.87);
	
}

/**** LINKS ****/

a:link {
    color: #237eff;
    text-decoration: none;
}


a:visited {
    color: #965abb;
    text-decoration: none;
}

a:active,a:hover {
    text-decoration: underline;
}



/**** HEADERS ****/

h1 {
    font: 32px 'Montserrat', 'Open Sans', Helvetica, Arial, Sans-serif;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 5px;
	margin-top:0px;
}

h2 {
    padding: 8px 0 8px 0;
    font-size: 32px;
	line-height: 42px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}

h3 {
    padding: 14px 0 0px 0;
    font-size: 20px;
	line-height: 24px;
	font-weight:600;
	margin-bottom: 10px;
}

h4 {
    padding: 8px 0 0px 0;
    font-size: 20px;
	line-height: 28px;
	font-weight:600;
}


.sup {
    font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
    font-size: 50%;
    font-weight: 400;
    vertical-align: super;
}

p {
	margin-top: 0px;
}

hr {
	background: rgba(0,0,0,0.12);
	height: 1px;
	margin-top: 24px;
	margin-bottom: 24px;
}

/* LISTS ****/

ul {
  padding-left: 20px;
}

li {
  margin-bottom: 5px;
}

li:last-child {
    margin-bottom: 48px;
}

.container {
  display: block;
  margin-left: 0px;
  margin-right: auto;
  margin-top: 20px;
}


.ingress {
  font: 18px/22px 'Roboto Slab', 'Open Sans', Helvetica, Arial, Sans-serif;
  letter-spacing: 0.5px;
  font-weight: 400;
  max-width: 580px;
}


.footer {
  font: 12px/20px 'Open Sans', Helvetica, Arial, Sans-serif;
  letter-spacing: 0.5px;
  padding-top: 16px;
  color: black;
  padding-bottom: 24px;
  line-height: 1.5;
}


.footer img {
	width: 44px;
	margin-right: 16px;
	float: left;
	display: none;
}

.content {
  max-width: 580px;
}

@media screen and (min-width: 640px) {

body {
/* background cover-image */
	background-color: white;
	background-image: url(images/bgr-people.jpg);
	background-size: cover;
	background-attachment: fixed;
}

.container {
  margin-left: 20px;
}

  .footer img {
	display:inherit;
    width: 88px;
  }

.footer {
	padding-top: 8px;
	width: 450px;
}

.footer p {
padding-top:2px;
}

h1 {
    font: 44px 'Montserrat', 'Open Sans', Helvetica, Arial, Sans-serif;
    line-height: 56px;
    font-weight: 700;
    margin-bottom: 10px;
	margin-top:0px;
}

h3 {
    padding: 14px 0 0px 0;
    font-size: 24px;
	line-height: 32px;
	font-weight:600;
	margin-bottom: 10px;
}


.ingress {
  font: 20px/28px 'Roboto Slab', 'Open Sans', Helvetica, Arial, Sans-serif;
  letter-spacing: 0.5px;
  font-weight: 400;
  max-width: 580px;
}



}

@media screen and (min-width: 960px) {
  .container {
    display: block;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 20px;
    width: 960px;
  }

  .ingress {
    width: 50%;
    position: fixed;
    width: 460px;
  }

  .content {
    position: relative;
    left:500px;
    width: 460px;
  }


}