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




.hero-copy, .closer-copy {
	width:80%;
	max-width:700px;
	margin:0 auto;
	padding:150px 0;
	text-align: center;
}

.cta-download-label-group {
	
}

.sticky-header.preview {
	position: fixed;
	z-index: 1000;
	width: 100%;
	padding: 10px 0px;
	background: rgba(41,41,41,0.96);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04);
}

/* PREVIEW PAGES */
.preview-container {
	max-width: 768px;
	margin:98px auto 0;
}

.preview-container div {
	width:100%;
	margin: 0 auto -4px;
    padding: 0;
}

.preview-container div img {
	width:100%;
	margin:0;
}

.download-now {
	position: relative;
	height: 450px;
	background-image: url(https://stela.com/assets/chapters/download-now-background-968cb60b88a2189057bc5b988360041188e842f710d721dbda0094431bcdcceb.jpg);
	background-size:cover;
	background-position: 90% 50%;
}

.badges-preview {
	position:absolute;
	text-align:right;
	bottom:15%;
	right:5%;
}

.badges-preview .app_badge {
	width:180px;
}

.badges-preview.icon i {
	font-size:6em;
	padding:0 20px;
	color:rgba(255,255,255,0.9);
}



/* MEDIA */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) {
.preview-container {
	margin:60px auto 0;
}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {	
.preview-container {
	margin:80px auto 0;
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1048px) {
.preview-container {
	margin:97px auto 0;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {


}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}