/* This page is included in the following templates, please update as necessary */
/* subscriptions/templates/ios.html */
/* subscriptions/templates/premium.html */
/* subscriptions/tempaltes/gaiapro.html */
/* templates/apps/android.html */
/* templates/apps/web.html */
/* templates/home.html */


/* Every container that includes a background image. Styling for image and text */
h1 {
	margin-bottom: 30px;
}
h2 {
	font-size: 1.8em;
    color: #343a3a;
}

p {
	font-size: 1.3em;
 	color: #343a3a
 }
 .jumbotron p {
 	color:white;
 }

 .sign-up {
 	background-color: #f3f3f3;
 }
 .sign-up button {
 	background-color: rgba(100, 212, 76, 0.952941);
 	margin-left:40px;
 	padding:10px 40px 10px 40px;
 	font-size:1em;
 }
 .sign-up button a {
 	color:white;
 }

.cover-image {
	padding-top:30px;
	color: white;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #34573C;
}

a.green-link {
	color:white; 
	text-decoration:underline;
}
.green-link:hover {
	color:rgba(100, 212, 76, 0.95);
	font-style: italic;
}

/* Testimonials Image Slider for ios.html */

.carousel{
    margin-top: 20px;
    margin-bottom: 20px;
    min-height:225px;
}

.carousel .item img{
    padding-left: 20px;
}

.carousel .item .description {
  margin-right:20px;
  padding-right: 40px
}

.carousel .item h2 {
  margin-bottom: 5px;
}

.carousel .item p {
  font-size:14px;
}

.carousel-control.left,
.carousel-control.right {
  color:gray;
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
  background-repeat: no-repeat;
}

 .name:link {
    color:black;
}
 .name:hover {
    text-decoration: underline;
    font-style: italic;
}

/* end Testimonials Image Slider */

.feature-section{
  display: table;
  padding: 80px 30px 80px 30px;
  height: 100%;
  border-bottom: solid #e6e8e8 1px;
}
.marketing-section {
	display: table;
    margin: 80px 40px 140px 10%;
    height: 100%;

}
.marketing-text {
	background-color: #EEEEEE;
	color: #343a3a;
	padding: 60px 60px 60px 22%;
	height: 100%;
	margin-top: 5%;
	margin-bottom: -5%;
	margin-left:5%;
}
.marketing-text-center {
	background-color: #EEEEEE;
	color: #343a3a;
	height: 100%;
	margin-top: 5%;
	margin-bottom: -5%;
	padding:60px 95px 60px 30px;
}

.marketing-text p {
	margin-left:20px;
}
.marketing-text-center p {
	margin-left:20px;
}

.marketing-section img {
	box-shadow: 0px 6px 12px 0px #c8cbcb;
}

span.vertical-line{
    width: 10px; /* Line width */
    background-color: rgba(100, 212, 76, 0.95);
    height: 50px;
    float: left;
    margin-right: 10px
  }


/* give outline to website screenshots, because they have a lot of white space */
.web-image {
  box-shadow: 0px 6px 12px 0px #c8cbcb;
}


/*====== Screen size ======*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.jumbotron p { font-size: 1.1em;  } 
	.jumbotron h1 { font-size: 2em;  }
	.search-text { font-size: 1.1em; }
	.lead { font-size: 1.4em }
	.test-drive { display:none; }
	.carousel {
		height:600px;
	}
	.marketing-section {
		margin: 0px 0px 0px 0px;
	}
	.marketing-text {
		padding: 20px 20px 20px 10%;
		margin-bottom: 20px;
		margin-left:0%;
	}
	.marketing-text-center {
		padding: 20px 20px 20px 10%;
		margin-bottom: 20px
	}
	 .sign-up button {
	 	margin-left:0px;
	 	margin-top:10px;
	 }
	 .feature-section {
	 	padding-top:10px;
	 }


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.jumbotron p { font-size: 1.1em; } 
	.search-text { font-size: 1.1em; }
	.lead { font-size: 2em }
	.test-drive { display:none; }
	.carousel {
		height:600px;
	}
	.marketing-section {
		margin: 0px 0px 0px 0px;
	}
	.marketing-text {
		padding: 20px 20px 20px 10%;
		margin-left:0%;
		margin-bottom: 20px
	}
	.marketing-text-center {
		padding: 20px 20px 20px 10%;
		margin-bottom: 20px
	}
	.sign-up button {
	 	margin-left:0px;
	 	margin-top:10px;
	 }
	  .feature-section {
	 	padding-top:0px;
	 }


}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.jumbotron p { font-size: 1.1em; } 
	.jumbotron h1 { font-size: 3em;  }
	.test-drive { display:none; }
	.marketing-section {
		margin: 0px 0px 0px 0px;
	}
	.marketing-section {
		margin: 60px 30px 90px 10%;
	}
	.marketing-text {
		padding: 20px 20px 20px 10%;
		margin-left:0%;
		margin-bottom: 20px
	}
	.marketing-text-center {
		padding: 20px 20px 20px 10%;
		margin-bottom: 20px
	}
	.sign-up button {
	 	margin-left:10px;
	 	margin-top:0px;
	 }
	 .carousel .item img{
    padding-left: 10%;

}
 .feature-section {
	 	padding-top:60px;
	 }



}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.jumbotron p { font-size: 1.1em; } 
	.jumbotron p:first-child { padding-top: 1.1em; } 
	.jumbotron h1 { font-size: 3em;  }
	.partner {
		display: table-cell;
    	vertical-align: middle;
  		float: none;
		}
	.carousel {
		height:225px;
	}
	.test-drive { display:block; }
	.marketing-section {
		margin: 80px 30px 140px 10%;
	}
	.marketing-text {
		padding: 40px 40px 40px 12%;
		height: 100%;
		margin-top: 5%;
		margin-bottom: -5%;
		margin-left:5%;
	}
	.marketing-text-center {
		height: 100%;
		margin-top: 5%;
		margin-bottom: -5%;
		padding:40px 65px 40px 30px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.jumbotron p { font-size: 1.3em; } 
	.jumbotron h1 { font-size: 3em;  }
	.partner {
		display: table-cell;
    	vertical-align: middle;
  		float: none;
		}
	.carousel {
		height:225px;
	}

	.test-drive { display:block; }
	.cover-image { min-height: 600px }
	.marketing-section {
		margin: 80px 30px 140px 10%;
	}

}

.banner-text-xs {
    text-align: center;
    padding-left:15px;
    padding-right:15px;
    padding-top:30px;
    padding-bottom:30px;
    font-size:1.3em;

}
@media (min-width: 768px) {
    .banner-text-xs {
        text-align: left;
        padding:50px;
        margin-top:40px;

display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

    }

}