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

/* Basic Styling */
* {
	margin: 0;
	padding: 0;
	border: none;
}

.container {width: 100%; margin: 0; position: relative;}
.wrapper{background-color: #333;}

/* Font Stlying */
.bold {
	font-style: normal;
	font-weight: bold;
}

.italic {
	font-style: italic;
	font-weight: normal;
}

.caps {text-transform: capitalize;}
.upper{text-transform: uppercase;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.noDeco {text-decoration: none;}

/* Misc */
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.vcenter{vertical-align: middle;}

.rel {position: relative;}

/* Colors */
.dark-green {background-color: #87be78;}
.light-green {background-color: #daf4d3;}
.off-white {background-color: #ECF9E9;}
.black {background-color: black;}
.bgwhite {background-color: white;}

.nav-green {color: #8cc63f;}
.text-green {color: #87be78;}
.white {color: white;}
.text-black {color: black;}

/* Navigation */
nav {
	opacity: 0.871;
	background: rgba(8,21,4,1);
	cursor: pointer;
	position: fixed;
	top: 0;
	z-index: 2;
}

/* Extra Small Devices, Phones z2*/
@media screen and (min-width: 321px) and (max-width: 480px) {
.wrapper {width: 100%; position: relative;}
	
	
/* Nav */	
nav {display: none;}
	
.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #333;
  color: white;
}

.topnav {
height: 40px;
  background-color: #333;

}

.topnav #myLinks {
  	display: none; 
	position: absolute; 
	z-index: 2; 
	background-color: black;
	padding: 4% 2% 2% 2%;
}

.topnav a {
  color: white;
  padding: 12px 16px 14px 16px;
  text-decoration: none;
  font-size: 20px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  left: 0;
  top: 0; z-index: 5;
}

.active {
  background-color: #333;
  color: white;
}	
	
.lh {line-height: .5;}	
/* End Nav */	
	
.video {width: 100%; background: rgba(8,21,4,1); padding-top: 5%; margin-top: 5%;}
img[src="images/consentive-logo.png"] {display: none;}
img[src="images/privacy-logo.png"] {display: none;}	
iframe {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: #333;}	
	
.p1{font-size: 6vw;}
.p2{font-size: 4vw; margin: 1.5% 0;}	
.p3{font-size: 3vw;}
	
.p4{font-size: 3vw; margin: 0 42% 0 0;}	
.p5{font-size: 3vw; margin: 0 5% 0 0;}	
	
.what-is {width: 100%;}
.what-is-pWrap {width: 55%; padding: 2% 0 4% 6%;}
img[src="images/platform.png"] {width: 42%; position: absolute; z-index: 1; right: 0; top: 42%;}
img[src="images/double-phone.png"] {width: 38%; position: absolute; z-index: 1; right: .5%; top: 34%;}	
	
.does {width: 100%;}	
.does-pWrap {width: 55%; padding: 2% 0 4% 37%;}
img[src="images/what-does-phone.png"] {width: 32%; position: absolute; z-index: 1; left: 1%; top: 50%; transform: translateY(-50%)}			

.does2 {width: 100%;}
.does2-wrap {width: 100%; padding: 1% 0;}	
.does2-L, .does2-R {width: 15%; display: inline-block;}
.does2-mid {width: 70%; display: inline-block; font-size: 3.75vw;}
.does2-span {font-size: 4.5vw; margin-top: 1%;}	
	
.faq {width: 95%; padding: 0 2.5%; overflow: hidden;}
.faq-wrap {width: 100%; padding: 2% 0 10% 0;}	
.faq-title {font-size: 5vw; margin-bottom: 1.5%;}	
.faq-column {width: 96%; display: inline-block; margin: 0 4% 0 0;}
.faq-header {font-size: 3.5vw; margin-top: 5%;}
.faq-q {font-size: 3vw; margin: 5% 0; line-height: 1;}
.faq-a {font-size:3vw;}	
img[src="images/laptop.png"] {width: 40%; position: absolute; z-index: 1; right: -18%; bottom: -2%;}
img[src="images/logo-dropp.png"] {width: 30%; padding: 0 0 2% 1%;}	
	
.demo {width: 100%; padding-bottom: 1%;}
.demo-wrap {width: 100%;}	
.demo-schedule {font-size: 10vw; line-height: .6;}
.demo-text-wrap {width: 65%; padding: 3% 10% 0 25%;}	
.demo-text {font-size: 3.5vw;}	
.demo-cta {font-size: 3.5vw; margin: 2% 0;}
img[src="images/opt-in.png"] {width: 26%; position: absolute; z-index: 1; left: 0%; bottom: -30%;}	
	
.built {width: 100%; padding-bottom: 1%;}
.built-wrap {width: 100%;}
.built-text {width: 50%; display: inline-block; padding-left: 25%; margin-top: -2.5%}
.built-text-title {width: 100%; font-size: 8vw;}
.built-text-des {width: 100%; font-size: 3.5vw; margin: 3% 0;}	
.built-logo {width: 25%; display: inline-block;}
img[src="images/built-on-logo.png"] {width: 80%;}
	
.news {width: 100%;}
.news-wrap {width: 90%; margin: 0 auto; padding: .5% 0;}
.news-logo {width: 10%; display: inline-block;}	
.news-text {width: 90%; display: inline-block; font-size: 3.75vw;}	
img[src="images/triangle-logo.png"] {width: 90%;}	
	
footer {width: 97%; padding: 1.5% 1.5%;}
	
.pc-logo {display: inline-block; width: 33.3%;}
img[src="images/pc-logo.png"] {width: 80%;}	
.privacy {display: inline-block; width: 33.3%; font-size: 3vw;}
.social {display: inline-block; width: 33.3%;}	
.social img {width: 25%;}
	
/* Form */	
	
.form-container{
  padding: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #969494;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #969494;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #969494;
}
:-moz-placeholder { /* Firefox 18- */
  color: #969494;
}

.animate-top{
  position:relative;
  animation:animatetop 0.4s
}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  margin: 0 auto;
  border: 1px solid #888;
  width: 95%;
  background-color: #fff;
  border-radius: .3rem;
  outline: 0;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 0;
}
h5.modal-title {
    font-size: 1.25rem;
    color: #666;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-body p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 4vw;
    cursor: pointer;
	background-color: white;
}
.btn-primary {
    color: #000;
	display: block;
    margin: 0 auto;
}

	label {
    display: inline-block;
    max-width: 100%;
    margin: 15px 0 5px 0;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 95%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}	
	
/* End Form */		
	
}  

/* Small Devices, Phones z3*/
@media screen and (min-width: 481px) and (max-width: 768px) {
.wrapper {width: 100%; margin: 45px auto 0 auto; position: relative;}
	
	
/* Nav */	
nav {width: 98%; padding: 0 1%; height: 45px;}	
nav a {
	display: inline-block;
	margin: .75% 2%;
	font-size: 2vw;
}
	
.mobile-container{display: none;}	
/* End Nav */	
	
.video {width: 100%; padding-top: 12%; margin-top: 5%;}
img[src="images/consentive-logo.png"] {display: none;}
img[src="images/privacy-logo.png"] {display: none;}	
iframe {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: #333;}		
	
.p1{font-size: 4vw;}
.p2{font-size: 2.5vw; margin: 1.5% 0;}	
.p3{font-size: 2vw;}
	
.p4{font-size: 2vw; margin: 0 42% 0 0;}	
.p5{font-size: 2vw; margin: 0 5% 0 0;}	
	
.what-is {width: 100%;}
.what-is-pWrap {width: 55%; padding: 2% 0 4% 6%;}
img[src="images/platform.png"] {width: 39%; position: absolute; z-index: 1; right: 0; top: 1%;}
img[src="images/double-phone.png"] {width: 38%; position: absolute; z-index: 1; right: 1%; top: 4%;}	
	
.does {width: 100%;}	
.does-pWrap {width: 70%; padding: 2% 0 4% 20%;}
img[src="images/what-does-phone.png"] {width: 18%; position: absolute; z-index: 1; left: 1.5%; top: 50%; transform: translateY(-50%);}		

.does2 {width: 100%;}
.does2-wrap {width: 100%; padding: 1% 0;}	
.does2-L, .does2-R {width: 15%; display: inline-block;}
.does2-mid {width: 70%; display: inline-block; font-size: 2.5vw;}
.does2-span {font-size: 3vw; margin-top: 1%;}	
	
.faq {width: 95%; padding: 0 2.5%;}
.faq-wrap {width: 100%; padding: 2% 0;}	
.faq-title {font-size: 3vw; margin-bottom: 1.5%;}	
.faq-column {width: 21%; display: inline-block; margin: 0 4% 0 0;}
.faq-header {font-size: 2.5vw; margin-top: 1%;}
.faq-q {font-size: 2vw; margin: 5% 0; line-height: 1;}
.faq-a {font-size: 2vw;}	
img[src="images/laptop.png"] {width: 33%; position: absolute; z-index: 1; right: 2%; bottom: 0;}
img[src="images/logo-dropp.png"] {width: 75%; padding: 3% 0 5% 7%;}	
	
.demo {width: 100%; padding-bottom: 1%;}
.demo-wrap {width: 100%;}	
.demo-schedule {font-size: 8vw; line-height: .6;}
.demo-text-wrap {width: 65%; padding: 3% 10% 0 25%;}	
.demo-text {font-size: 2.5vw;}	
.demo-cta {font-size: 2.5vw; margin: 2% 0;}
img[src="images/opt-in.png"] {width: 25%; position: absolute; z-index: 1; left: 1%; bottom: -45%;}	
	
.built {width: 100%; padding-bottom: 1%;}
.built-wrap {width: 100%;}
.built-text {width: 50%; display: inline-block; padding-left: 25%; margin-top: -2%}
.built-text-title {width: 100%; font-size: 7vw;}
.built-text-des {width: 100%; font-size: 2.5vw; margin: 3% 0;}	
.built-logo {width: 25%; display: inline-block;}
img[src="images/built-on-logo.png"] {width: 80%;}
	
.news {width: 100%;}
.news-wrap {width: 70%; margin: 0 auto; padding: .5% 0;}
.news-logo {width: 8%; display: inline-block; margin-right: 2%;}	
.news-text {width: 80%; display: inline-block; font-size: 2.5vw;}	
img[src="images/triangle-logo.png"] {width: 80%;}	
	
footer {width: 97%; padding: 1.5% 1.5%;}
	
.pc-logo {display: inline-block; width: 33.3%;}
img[src="images/pc-logo.png"] {width: 80%;}	
.privacy {display: inline-block; width: 33.3%; font-size: 2vw;}
.social {display: inline-block; width: 33.3%;}	
.social img {width: 25%;}
	
/* Form */	
	
.form-container{
  padding: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #969494;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #969494;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #969494;
}
:-moz-placeholder { /* Firefox 18- */
  color: #969494;
}

.animate-top{
  position:relative;
  animation:animatetop 0.4s
}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  margin: 8% auto;
  border: 1px solid #888;
  width: 95%;
  background-color: #fff;
  border-radius: .3rem;
  outline: 0;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 0;
}
h5.modal-title {
    font-size: 1.25rem;
    color: #666;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-body p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 2.75vw;
    cursor: pointer;
	background-color: white;
}
.btn-primary {
    color: #000;
	display: block;
    margin: 0 auto;
}

	label {
    display: inline-block;
    max-width: 100%;
    margin: 15px 0 5px 0;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 95%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}	
	
/* End Form */		
	
}  

/* Tablets, Desktops z4*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
.wrapper {width: 100%; margin: 30px auto 0 auto; position: relative;}
	
	
/* Nav */	
nav {width: 96%; padding: 0 2%; height: 30px;}	
nav a {
	display: inline-block;
	margin: .75% 1% .5% 1%;
	font-size: 1.5vw;
}
	
.mobile-container{display: none;}	
/* End Nav */	
	
.video {width: 100%;}
img[src="images/consentive-logo.png"] {width: 35%; position: absolute; z-index: 1; right: 0; top: 10%;}
img[src="images/privacy-logo.png"] {width: 48%; position: absolute; z-index: 1; left: 2%; bottom: 1%;}
iframe {position: absolute; z-index: 1; left: 2%; bottom: 20%; width: 400px; height: 200px;}	
	
.p1{font-size: 3vw;}
.p2{font-size: 2.5vw; margin: 1.5% 0;}	
.p3{font-size: 2.15vw;}
	
.p4{font-size: 2.15vw; margin: 0 42% 0 0;}	
.p5{font-size: 2.15vw; margin: 0 5% 0 0;}	
	
.what-is {width: 100%;}
.what-is-pWrap {width: 55%; padding: 2% 0 4% 6%;}
img[src="images/platform.png"] {width: 38%; position: absolute; z-index: 1; right: 1.5%; top: 10%;}
img[src="images/double-phone.png"] {width: 37%; position: absolute; z-index: 1; right: .5%; top: 12%;}	
	
.does {width: 100%;}	
.does-pWrap {width: 70%; padding: 2% 0 4% 20%;}
img[src="images/what-does-phone.png"] {width: 18%; position: absolute; z-index: 1; left: 1.5%; top: 50%; transform: translateY(-50%);}		

.does2 {width: 100%;}
.does2-wrap {width: 100%; padding: 1% 0;}	
.does2-L, .does2-R {width: 10%; display: inline-block;}
.does2-mid {width: 80%; display: inline-block; font-size: 2.5vw;}
.does2-span {font-size: 2.85vw; margin-top: 1%;}	
	
.faq {width: 95%; padding: 0 2.5%; overflow: hidden;}
.faq-wrap {width: 100%; padding: 2% 0;}	
.faq-title {font-size: 4vw; margin-bottom: 1.5%;}	
.faq-column {width: 21%; display: inline-block; margin: 0 4% 0 0;}
.faq-header {font-size: 3vw; margin-top: 1%;}
.faq-q {font-size: 2.25vw; margin: 5% 0; line-height: 1;}
.faq-a {font-size: 2vw;}	
img[src="images/laptop.png"] {width: 39%; position: absolute; z-index: 1; right: -5%; bottom: -2%;}	
img[src="images/logo-dropp.png"] {width: 65%; padding: 3% 0 5% 15%;}		
	
.demo {width: 100%; padding-bottom: 1%;}
.demo-wrap {width: 100%;}	
.demo-schedule {font-size: 8vw; line-height: .6;}
.demo-text-wrap {width: 65%; padding: 3% 10% 0 25%;}	
.demo-text {font-size: 1.75vw;}	
.demo-cta {font-size: 2vw; margin: 2% 0;}
img[src="images/opt-in.png"] {width: 20%; position: absolute; z-index: 1; left: 3%; bottom: -45%;}	
	
.built {width: 100%; padding-bottom: 1%;}
.built-wrap {width: 100%;}
.built-text {width: 50%; display: inline-block; padding-left: 25%; margin-top: -2%}
.built-text-title {width: 100%; font-size: 7vw;}
.built-text-des {width: 100%; font-size: 1.75vw; margin: 3% 0;}	
.built-logo {width: 25%; display: inline-block;}
img[src="images/built-on-logo.png"] {width: 50%;}
	
.news {width: 100%;}
.news-wrap {width: 90%; margin: 0 auto; padding: .5% 0;}
.news-logo {width: 8%; display: inline-block; margin-right: 2%;}	
.news-text {width: 50%; display: inline-block; font-size: 1.85vw;}	
img[src="images/triangle-logo.png"] {width: 60%;}	
	
footer {width: 97%; padding: 1.5% 1.5%;}
	
.pc-logo {display: inline-block; width: 33.3%;}
img[src="images/pc-logo.png"] {width: 50%;}	
.privacy {display: inline-block; width: 33.3%; font-size: 1.25vw;}
.social {display: inline-block; width: 33.3%;}	
.social img {width: 13%;}
	
/* Form */	
	
.form-container{
  padding: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #969494;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #969494;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #969494;
}
:-moz-placeholder { /* Firefox 18- */
  color: #969494;
}

.animate-top{
  position:relative;
  animation:animatetop 0.4s
}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  margin: 8% auto;
  border: 1px solid #888;
  width: 475px;
  background-color: #fff;
  border-radius: .3rem;
  outline: 0;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 0;
}
h5.modal-title {
    font-size: 1.25rem;
    color: #666;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-body p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.9vw;
    cursor: pointer;
	background-color: white;
}
.btn-primary {
    color: #000;
	display: block;
    margin: 0 auto;
}

	label {
    display: inline-block;
    max-width: 100%;
    margin: 15px 0 5px 0;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 95%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}	
	
/* End Form */		
	
}  

/* Medium Desktops z5*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {
.wrapper {width: 90%; margin: 30px auto 0 auto; position: relative;}
	
	
/* Nav */	
nav {width: 86%; padding: 0 2%; height: 30px;}	
nav a {
	display: inline-block;
	margin: .5% 1.5%;
	font-size: 1vw;
}
	
.mobile-container{display: none;}	
/* End Nav */	
	
.video {width: 100%;}
img[src="images/consentive-logo.png"] {width: 35%; position: absolute; z-index: 1; right: 0; top: 3%;}
img[src="images/privacy-logo.png"] {width: 60%;position: absolute; z-index: 1; left: 2%; bottom: 0;}
iframe {position: absolute; z-index: 1; left: 2%; bottom: 20%; width: 500px; height: 220px;}	
	
.p1{font-size: 2.5vw;}
.p2{font-size: 2vw; margin: 1.5% 0;}	
.p3{font-size: 1.5vw;}
	
.p4{font-size: 1.5vw; margin: 0 42% 0 0;}	
.p5{font-size: 1.5vw; margin: 0 5% 0 0;}	
	
.what-is {width: 100%;}
.what-is-pWrap {width: 55%; padding: 2% 0 4% 6%;}
img[src="images/platform.png"] {width: 40%; position: absolute; z-index: 1; right: 0; top: 3%;}
img[src="images/double-phone.png"] {width: 39%; position: absolute; z-index: 1; right: .5%; top: -4%;}	
	
.does {width: 100%;}	
.does-pWrap {width: 70%; padding: 2% 0 4% 20%;}
img[src="images/what-does-phone.png"] {width: 18%; position: absolute; z-index: 1; left: 1.5%; top: 50%; transform: translateY(-50%);}		

.does2 {width: 100%;}
.does2-wrap {width: 100%; padding: 1% 0;}	
.does2-L, .does2-R {width: 10%; display: inline-block;}
.does2-mid {width: 80%; display: inline-block; font-size: 2.25vw;}
.does2-span {font-size: 2.5vw; margin-top: 1%;}	
	
.faq {width: 95%; padding: 0 2.5%; overflow: hidden;}
.faq-wrap {width: 100%; padding: 2% 0;}	
.faq-title {font-size: 2.5vw; margin-bottom: 1.5%;}	
.faq-column {width: 21%; display: inline-block; margin: 0 4% 0 0;}
.faq-header {font-size: 2.25vw; margin-top: 1%;}
.faq-q {font-size: 1.5vw; margin: 5% 0; line-height: 1;}
.faq-a {font-size: 1.25vw;}	
img[src="images/laptop.png"] {width: 33%; position: absolute; z-index: 1; right: -5%; bottom: 0;}
img[src="images/logo-dropp.png"] {width: 55%; padding: 3% 0 5% 20%;}	
	
.demo {width: 100%; padding-bottom: 1%;}
.demo-wrap {width: 100%;}	
.demo-schedule {font-size: 6vw; line-height: .6;}
.demo-text-wrap {width: 65%; padding: 3% 10% 0 25%;}	
.demo-text {font-size: 1.25vw;}	
.demo-cta {font-size: 1.5vw; margin: 2% 0;}
img[src="images/opt-in.png"] {width: 18%; position: absolute; z-index: 1; left: 3%; bottom: -65%;}	
	
.built {width: 100%; padding-bottom: 1%;}
.built-wrap {width: 100%;}
.built-text {width: 50%; display: inline-block; padding-left: 25%; margin-top: -1.75%}
.built-text-title {width: 100%; font-size: 5vw;}
.built-text-des {width: 100%; font-size: 1.25vw; margin: 3% 0;}	
.built-logo {width: 25%; display: inline-block;}
img[src="images/built-on-logo.png"] {width: 50%;}
	
.news {width: 100%;}
.news-wrap {width: 60%; margin: 0 auto; padding: .5% 0;}
.news-logo {width: 8%; display: inline-block; margin-right: 2%;}	
.news-text {width: 50%; display: inline-block; font-size: 1.25vw;}	
img[src="images/triangle-logo.png"] {width: 60%;}	
	
footer {width: 97%; padding: 1.5% 1.5%;}
	
.pc-logo {display: inline-block; width: 33.3%;}
img[src="images/pc-logo.png"] {width: 50%;}	
.privacy {display: inline-block; width: 33.3%; font-size: 1vw;}
.social {display: inline-block; width: 33.3%;}	
.social img {width: 13%;}
	
/* Form */	
	
.form-container{
  padding: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #969494;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #969494;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #969494;
}
:-moz-placeholder { /* Firefox 18- */
  color: #969494;
}

.animate-top{
  position:relative;
  animation:animatetop 0.4s
}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  margin: 8% auto;
  border: 1px solid #888;
  width: 475px;
  background-color: #fff;
  border-radius: .3rem;
  outline: 0;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 0;
}
h5.modal-title {
    font-size: 1.25rem;
    color: #666;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-body p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1.5vw;
    cursor: pointer;
	background-color: white;
}
.btn-primary {
    color: #000;
	font-size: 1.5vw;
	display: block;
    margin: 0 auto;
}

	label {
    display: inline-block;
    max-width: 100%;
    margin: 15px 0 5px 0;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 95%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}	
	
/* End Form */		
		
}  

/* Large Desktops, Wide Screens z6*/
@media screen and (min-width: 1201px) {
.wrapper {width: 85%; margin: 30px auto 0 auto; position: relative;}
	
	
/* Nav */	
nav {width: 81%; padding: 0 2%; height: 30px;}	
nav a {
	display: inline-block;
	margin: .5% 2% 0 2%;
	font-size: .75vw;
	padding: 0;
}
	
.mobile-container{display: none;}	
/* End Nav */	
	
.video {width: 100%;}
img[src="images/consentive-logo.png"] {width: 35%; position: absolute; z-index: 1; right: 0; top: 3%;}
img[src="images/privacy-logo.png"] {width: 40%; position: absolute; z-index: 1; left: 2%; bottom: 0;}
iframe {position: absolute; z-index: 1; left: 2%; bottom: 12%; width: 500px; height: 310px; }	
	
.p1{font-size: 2vw;}
.p2{font-size: 1.5vw; margin: 1.5% 0;}	
.p3{font-size: 1.15vw;}
	
.p4{font-size: 1.15vw; margin: 0 42% 0 0;}	
.p5{font-size: 1.15vw; margin: 0 5% 0 0;}	
	
.what-is {width: 100%;}
.what-is-pWrap {width: 55%; padding: 2% 0 4% 6%;}
img[src="images/platform.png"] {width: 37%; position: absolute; z-index: 1; right: 0; top: -10%;}
img[src="images/double-phone.png"] {width: 32%; position: absolute; z-index: 1; right: 2%; top: -6%;}	
	
.does {width: 100%;}	
.does-pWrap {width: 70%; padding: 2% 0 4% 20%;}
img[src="images/what-does-phone.png"] {width: 18%; position: absolute; z-index: 1; left: 1.5%; top: 50%; transform: translateY(-50%);}		

.does2 {width: 100%;}
.does2-wrap {width: 100%; padding: 1% 0;}	
.does2-L, .does2-R {width: 15%; display: inline-block;}
.does2-mid {width: 70%; display: inline-block; font-size: 1.5vw;}
.does2-span {font-size: 1.85vw; margin-top: 1%;}	
	
.faq {width: 95%; padding: 0 2.5%;}
.faq-wrap {width: 100%; padding: 2% 0;}	
.faq-title {font-size: 2vw; margin-bottom: 1.5%;}	
.faq-column {width: 21%; display: inline-block; margin: 0 4% 0 0;}
.faq-header {font-size: 1.5vw; margin-top: 1%;}
.faq-q {font-size: 1.25vw; margin: 5% 0; line-height: 1;}
.faq-a {font-size: 1.05vw;}	
img[src="images/laptop.png"] {width: 29%; position: absolute; z-index: 1; right: 1%; bottom: 0;}
img[src="images/logo-dropp.png"] {width: 40%; padding: 0 0 5% 25%;}	
	
.demo {width: 100%; padding-bottom: 1%;}
.demo-wrap {width: 100%;}	
.demo-schedule {font-size: 6vw; line-height: .6;}
.demo-text-wrap {width: 65%; padding: 3% 10% 0 25%;}	
.demo-text {font-size: 1vw;}	
.demo-cta {font-size: 1.24vw; margin: 2% 0;}
img[src="images/opt-in.png"] {width: 18%; position: absolute; z-index: 1; left: 3%; bottom: -75%;}	
	
.built {width: 100%; padding-bottom: 1%;}
.built-wrap {width: 100%;}
.built-text {width: 50%; display: inline-block; padding-left: 25%; margin-top: -1.75%}
.built-text-title {width: 100%; font-size: 5vw;}
.built-text-des {width: 100%; font-size: 1vw; margin: 3% 0;}	
.built-logo {width: 25%; display: inline-block;}
img[src="images/built-on-logo.png"] {width: 50%;}
	
.news {width: 100%;}
.news-wrap {width: 60%; margin: 0 auto; padding: .5% 0;}
.news-logo {width: 8%; display: inline-block; margin-right: 2%;}	
.news-text {width: 50%; display: inline-block; font-size: 1.25vw;}	
img[src="images/triangle-logo.png"] {width: 60%;}	
	
footer {width: 97%; padding: 1.5% 1.5%;}
	
.pc-logo {display: inline-block; width: 33.3%;}
img[src="images/pc-logo.png"] {width: 50%;}	
.privacy {display: inline-block; width: 33.3%; font-size: .85vw;}
.social {display: inline-block; width: 33.3%;}	
.social img {width: 13%;}	
	
/* Form */	
	
.form-container{
  padding: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #969494;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #969494;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #969494;
}
:-moz-placeholder { /* Firefox 18- */
  color: #969494;
}

.animate-top{
  position:relative;
  animation:animatetop 0.4s
}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  margin: 8% auto;
  border: 1px solid #888;
  width: 475px;
  background-color: #fff;
  border-radius: .3rem;
  outline: 0;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 0;
}
h5.modal-title {
    font-size: 1.25rem;
    color: #666;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-body p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.25vw;
    cursor: pointer;
	background-color: white;
}
.btn-primary {
    color: #000;
	display: block;
    margin: 0 auto;
}

	label {
    display: inline-block;
    max-width: 100%;
    margin: 15px 0 5px 0;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 95%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}	
	
/* End Form */		
	
}