body {
    font-family: arial, sans-serif;
    background-color: #eee;
    font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', serif;
}

footer {
	font-size:9pt;
  color:#999;
  margin-top:30px;
}

.wrapper {
    max-width: 750px;
    margin: auto;
}

.transition {
    margin-bottom: -20vh;
}

.overlay {
    z-index: 1;
    position: relative;
}

.quote {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 100;
    font-style: italic;
    font-size: 22px;
    max-width: 550px;
    margin: 30px auto;
    position: relative;
}

.quote p:before {
    content: open-quote;
    font-size: 100px;
    position: absolute;
    top: -50px;
    left: -55px;
}

.quote p:after {
    content: close-quote;
    font-size: 100px;
    text-align: right;
    position: absolute;
    right: 0px;
}

.bg-display {
    background-image: url(../img/home-section1-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-blue-left {
    background-image: url(../img/blue-headline-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    max-width: 1365px;
    margin: auto;
    position: relative;
}

.bg-blue-light {
    background-color: #c4e8f6;
}

.bg-green-light {
    background-color: #bdf1d8;
}

.bg-black {
    background-color: #000000;
}

.bg-blue {
    background-color: #19a8b4;
}

.bg-blue-dark {
    background-color: #243241;
}

.bg-green {
    background-color: #3ebb5f;
}

.bg-orange {
    background-color: #f18614;
}

.light-bg {
  background-color: #EEEFF7;
}

.text-orange {
    color: #f18614;
}

.text-yellow {
    color: #fcd50c;
}

.text-green {
    color: #3ebb5f;
}

.text-blue {
    color: #0d96da;
}

.text-red {
  color: #d00000;
}

.text-yellow {
  color: #ffd943;
}

.popup {
  z-index: 1050;
  background-color: rgba(0,0,0,0.8);
  position: fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
  max-width: none;
}

.popup-inner {
  display:flex;
  height:100%;
  max-width: 650px;
  margin: auto;
}

#popup-trigger {
  display: none;
}

#researcher {
    position: absolute;
    left: -50px;
    top: -135px;
}

ul.checkmark li {
    list-style-type: none;
    margin-bottom: 1em;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

ul.checkmark li:before {
    content: " ";
    display: block;
    border: solid 0.8em #52A125;
    border-radius: .8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 0.7em;
    margin-top: -0.5em;
}

ul.checkmark li:after {
    content: " ";
    color: white;
    display: block;
    width: 0.5em;
    height: 0.8em;
    border: solid white;
    border-width: 0 0.2em 0.2em 0;
    position: absolute;
    left: 1em;
    top: 0.7em;
    margin-top: -0.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.exes li {
    list-style-type: none;
    margin-bottom: 1em;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

ul.exes li:before {
    content: " ";
    display: block;
    border: solid 0.8em #C30000;
    border-radius: .8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.5em;
    top: 0.7em;
    margin-top: -0.5em;
}

ul.exes li:after {
    content: "X";
    display: block;
    position: absolute;
    left: 1em;
    top: 0.7em;
    margin-top: -0.4em;
    color: white;
    font-weight: 700;
}

ul.dollars li {
    list-style-type: none;
    margin-bottom: 1em;
    padding: 0.25em 0 0 2.5em;
    position: relative;
}

ul.dollars li:before {
    content: " ";
    display: block;
    border: solid 0.8em #e8a600;
    border-radius: .8em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0.45em;
    top: 0.7em;
    margin-top: -0.5em;
}

ul.dollars li:after {
    content: "$";
    display: block;
    position: absolute;
    left: 1em;
    top: 0.65em;
    margin-top: -0.4em;
    color: white;
    font-weight: 700;
}

.guarantee {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 244, 215, 1) 100%);
    border: solid 2px #f6ebb2;
    padding: 10px;
    color: #4D4324;
}

.guarantee-title {
    background: linear-gradient(to right, #b2782a 0%, #f4d971 50%, #b2782a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*Mobile Small*/
@media only screen and (max-width: 899px) {
    .desktop {
        display: none;
    }

    .pull-right {
        display: block;
        margin: 0 auto 40px;
    }

    .pull-left {
        display: block;
        margin: 0 auto 40px;
    }

    .checkmark {
        margin-left: 0;
        padding-left: 0;
    }

    .transition {
        display: none;
    }
}

/*Desktop*/
@media only screen and (min-width: 900px) {
    .mobile {
        display: none;
    }

    .pull-right {
        float: right;
        margin-left: 20px;
        margin-right: -20vw;
        margin-bottom: 20px;
    }

    .pull-left {
        float: left;
        margin-left: -20vw;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .transition {
        margin-bottom: -30vh;
    }
}