/* CSS Document */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  background-color: #3F4E62; }

* {
  box-sizing: border-box; }

.underline {
  text-decoration: underline !important; }

.wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative; }

.wrapper_inner {
  width: 1440px;
  display: block;
  margin: 0 auto;
  position: relative; }

.wrapper_header {
  width: 100%;
  height: 100vh;
  display: block;
  float: left;
  position: relative; }

.hero_bg {
  width: 100%;
  display: block;
  float: left;
  background-image: url("../images/Quadrant-butterfly@2x.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.social_wrapper {
  padding: 70px 180px 0 0;
  width: 100%;
  display: block;
  float: left;
  text-align: right;
  position: relative; }

.social_wrapper :nth-child(n+2) {
  padding-left: 24px; }

.hero_content {
  width: 800px;
  text-align: left;
  padding: 0 180px 0 0;
  position: absolute;
  top: 40vh;
  right: 0; }

.hero_content h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 350%;
  color: #3F4E62;
  letter-spacing: 0;
  font-size: 600;
  margin: 0 0 20px 0; }

.hero_content p {
  font-family: 'Poppins', sans-serif;
  font-size: 150%;
  color: #3F4E62;
  letter-spacing: 0;
  font-size: 300; }

.hero_arrow {
  width: 100%;
  text-align: center;
  bottom: 65px;
  left: 0;
  position: absolute; }

.content {
  width: 100%;
  display: block;
  float: left; }

.content_bg {
  display: block;
  float: left;
  background-color: #8DD4D8;
  padding: 30px 0 72px 0; }

.content_bg h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 175%;
  color: #3F4E62;
  letter-spacing: 0;
  font-weight: 600;
  margin: 31px 0; }

.content_bg p {
  font-family: 'Poppins', sans-serif;
  font-size: 112.5%;
  color: #303A47;
  letter-spacing: -0.05px;
  line-height: 162.5%;
  font-weight: 400;
  margin: 17px 0; }

.content_bg p strong {
  font-weight: 600; }

.content_bg p a {
  text-decoration: none;
  color: #303A47;
  transition: color 500ms ease-in-out; }

.content_bg p a:hover {
  color: #569b9f; }

.content .left_col {
  width: 64.86111111111111%;
  float: left;
  padding: 0 180px 0 200px; }

.content .right_col {
  width: 35.13888888888889%;
  float: left;
  padding: 0 200px 0 0; }

.footer_bg {
  background-color: #3F4E62; }

footer {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  height: 299px; }

footer .left_col {
  width: 60%;
  position: absolute;
  left: 0;
  bottom: 65px; }

footer .left_col p {
  font-family: 'Poppins', sans-serif;
  font-size: 90%;
  color: #fff;
  letter-spacing: 0;
  line-height: 183.333%;
  font-weight: 400;
  padding: 0 0 0 200px; }

footer .left_col p strong {
  color: #8DD4D8;
  font-weight: 600; }

footer .left_col p a {
  text-decoration: none;
  color: #fff;
  transition: color 500ms ease-in-out; }

footer .left_col p a:hover {
  color: #8DD4D8; }

.keep_together {
  white-space: nowrap; }

.footer_spacer {
  padding-left: 5px;
  padding-right: 5px; }

footer .right_col {
  width: 40%;
  position: absolute;
  right: 0;
  bottom: 65px;
  text-align: right;
  padding: 0 180px 0 0; }

footer .right_col img {
  padding-left: 24px; }