@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300; 400; 500&display=swap");
 * {
	 box-sizing: border-box;
}
 body {
	 padding: 0;
	 margin: 0;
}
 body .container > section.header {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: flex-end;
	 height: 622px;
	 padding: 0 30px 30px 30px;
	 background: url("../images/header-background.jpg") no-repeat center center;
	 background-size: cover;
}
 body .container > section.header > h1 {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 300;
	 font-style: normal;
	 color: #fff;
	 font-size: 16px;
	 text-transform: uppercase;
	 margin: 0 0 30px 0;
}
 body .container > section.header > img {
	 display: block;
         height:40px;
}
 body .container > section.header > img.kiva-logo {
	 margin: 0 0 60px 0;
}
 body .container > section.header > h2 {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 500;
	 font-style: normal;
	 color: #fff;
	 font-size: 12px;
	 line-height: 16px;
	 text-align: center;
	 text-transform: uppercase;
	 margin: 80px 0 80px 0;
}
 @media screen and (min-width: 768px) {
	 body .container > section.header > h2 {
		 margin-top: 120px;
	}
	 body .container > section.header > h2 > br {
		 display: none;
	}
}
 @media screen and (min-width: 768px) {
	 body .container > section.header {
		 padding-bottom: 20px;
	}
}
 body .container > section.how-kiva-works {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding: 40px 30px 40px 30px;
}
 body .container > section.how-kiva-works > h2 {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 500;
	 font-style: normal;
	 color: #3b97c1;
	 font-size: 16px;
	 text-transform: uppercase;
	 margin: 0 0 2rem 0;
}
 body .container > section.how-kiva-works > div.circles {
	 display: flex;
}
 body .container > section.how-kiva-works > div.circles > div.circle {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 500;
	 font-style: normal;
	 color: #fff;
	 font-size: 12px;
	 text-transform: uppercase;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 width: 98px;
	 height: 98px;
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
}
 body .container > section.how-kiva-works > div.circles > div.circle.opinion {
	 background-image: url("../images/opinion-background.png");
}
 body .container > section.how-kiva-works > div.circles > div.circle.insight {
	 background-image: url("../images/insight-background.png");
}
 body .container > section.how-kiva-works > div.circles > div.circle.consensus {
	 background-image: url("../images/consensus-background.png");
}
 body .container > section.how-kiva-works > div.circles > div.circle + div.circle {
	 margin-left: 10px;
}
 @media screen and (min-width: 768px) {
	 body .container > section.how-kiva-works > div.circles > div.circle + div.circle {
		 margin-left: 20px;
	}
}
 @media screen and (min-width: 768px) {
	 body .container > section.how-kiva-works > div.circles > div.circle {
		 font-size: 15px;
		 width: 130px;
		 height: 130px;
	}
}
 body .container > section.how-kiva-works > p {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 300;
	 font-style: normal;
	 color: #000;
	 font-size: 14px;
	 text-align: center;
	 text-transform: uppercase;
	 margin: 2rem 0 0 0;
}
 body .container > section.how-kiva-works > p > br {
	 display: none;
}
 @media screen and (min-width: 768px) {
	 body .container > section.how-kiva-works > p > br {
		 display: inline-block;
	}
}
 body .container > section.kiva-objectives {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding: 40px 30px 40px 30px;
	 background: #f1eff1;
}
 body .container > section.kiva-objectives > h2 {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 500;
	 font-style: normal;
	 color: #3b97c1;
	 font-size: 16px;
	 text-transform: uppercase;
	 margin: 0 0 2rem 0;
}
 body .container > section.kiva-objectives > div.objectives {
	 display: flex;
	 flex-direction: column;
}
 @media screen and (min-width: 768px) {
	 body .container > section.kiva-objectives > div.objectives {
		 flex-direction: row;
		 justify-content: space-between;
		 max-width: 1024px;
	}
}
 body .container > section.kiva-objectives > div.objectives > div.objective {
	 display: flex;
}
 @media screen and (min-width: 768px) {
	 body .container > section.kiva-objectives > div.objectives > div.objective {
		 flex: 31% 0 0;
	}
}
 body .container > section.kiva-objectives > div.objectives > div.objective > p {
	 display: inline-flex;
	 align-items: center;
	 margin: 0;
	 min-height: 100%;
}
 body .container > section.kiva-objectives > div.objectives > div.objective > p:nth-child(1) {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 500;
	 font-style: normal;
	 color: #3b97c1;
	 font-size: 50px;
	 flex: 40px 0 0;
}
 body .container > section.kiva-objectives > div.objectives > div.objective > p:nth-child(2) {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 300;
	 font-style: normal;
	 color: #000;
	 font-size: 14px;
	 text-transform: uppercase;
}
 body .container > section.kiva-objectives > div.objectives > div.objective + div.objective {
	 margin-top: 30px;
}
 @media screen and (min-width: 768px) {
	 body .container > section.kiva-objectives > div.objectives > div.objective + div.objective {
		 margin-top: 0;
	}
}
 body .container > section.kiva-objectives > p {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 300;
	 font-style: normal;
	 color: #000;
	 font-size: 14px;
	 text-align: center;
	 text-transform: uppercase;
	 margin: 2rem 0 0 0;
}
 body .container > section.kiva-objectives > p > br {
	 display: none;
}
 @media screen and (min-width: 768px) {
	 body .container > section.kiva-objectives > p > br {
		 display: inline-block;
	}
}
 body .container > section.footer {
	 padding: 30px 30px 100px 30px;
	 background: #3b97c1;
}
 body .container > section.footer > div.content {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 max-width: 1024px;
}
 @media screen and (min-width: 768px) {
	 body .container > section.footer > div.content {
		 flex-direction: row;
		 justify-content: space-between;
		 margin: 0 auto 0 auto;
	}
}
 body .container > section.footer > div.content > p {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 300;
	 font-style: normal;
	 color: #fff;
	 font-size: 12px;
	 text-align: center;
	 margin: 1.5rem 0 1.5rem 0;
}
 body .container > section.footer > div.content > p > br {
	 display: none;
}
 @media screen and (min-width: 768px) {
	 body .container > section.footer > div.content > p > br {
		 display: inline-block;
	}
}
 @media screen and (min-width: 768px) {
	 body .container > section.footer > div.content > p {
		 text-align: left;
	}
}
body .container a.button {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 400;
	 font-style: normal;
	 color: #fff;
	 font-size: 12px;
	 text-decoration: none;
	 text-transform: uppercase;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 min-width: 130px;
	 height: 30px;
	 padding: 0 20px 0 20px;
	 border: 1px solid #fff;
	 border-radius: 15px;
}
body .container > section.footer > .content > img {
	 display: block;
         height:100px;
         width:130px;
}