html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}
html {
	line-height: 1
}
ol,ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}
q,blockquote {
	quotes: none
}
q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none
}
a img {
	border: none
}
article,nav,section,header,hgroup,figure {
	display: block
}
@font-face {
	font-family: 'sofia_probold';
	src: url("../fonts/sofia-pro-bold-webfont.eot");
	src: url("../fonts/sofia-pro-bold-webfont.eot#iefix") format("embedded-opentype"),url("../fonts/sofia-pro-bold-webfont.woff") format("woff"),url("../fonts/sofia-pro-bold-webfont.ttf") format("truetype"),url("../fonts/sofia-pro-bold-webfont.svg#sofia_probold") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'ts_iconregular';
	src: url("../fonts/webfont-webfont.eot");
	src: url("../fonts/webfont-webfont.eot#iefix") format("embedded-opentype"),url("../fonts/webfont-webfont.woff") format("woff"),url("../fonts/webfont-webfont.ttf") format("truetype"),url("../fonts/webfont-webfont.svg#ts_iconregular") format("svg");
	font-weight: normal;
	font-style: normal
}
html {
	font-size: 62.5%
}
body {
	font-family: "UniversNW01-230BThin","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 2.2rem;
	color: #fff;
	background-color: #C00;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "UniversNW01-230BThin","Helvetica Neue",Helvetica,Arial,sans-serif
}
h1 a,blockquote,.content h1,.strip h1 {
	font-family: 'sofia_probold'
}
h1 {
	font-size: 3.2rem;
	line-height: 3.2rem;
	color: #d21a1a;
	margin-bottom: 3rem
}
h2 {
	font-size: 3rem;
/*	line-height: 4.8rem; */
	line-height: 3.4rem;
	margin-bottom: 3%
}
p {
	line-height: 2.4rem;
	margin-bottom: 3.6%
}
a {
	text-decoration: none;
	color: #fff
}
figure {
	position: relative
}
figure img,figure object,figure embed,figure video {
	width: auto;
	max-width: 100%;
	display: block
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
::-webkit-input-placeholder {
	color: #fff
}
:-moz-placeholder {
	color: #fff
}
::-moz-placeholder {
	color: #fff
}
:-ms-input-placeholder {
	color: #fff
}
input {
	/*float: left;*/
	margin: 0;
	margin-left:-5px;
	padding: 0
}
input[type="email"],input[type="submit"] {
	padding: 2%;
	border: 1px solid #fff;
	font-family: "UniversNW01-230BThin","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.8rem;
	font-size: 18px
}
input[type="email"] {
	width: 75%;
	background: none;
	color: #fff
}
input[type="submit"] {
	background: #fff
}
.wrapper {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;*zoom:1
}
.wrapper:before,.wrapper:after {
	content: " ";
	display: table
}
.wrapper:after {
	clear: both
}
.logo {
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	display: block;
	width: 186px;
	height: 35px;
	background: url("../img/logo_new.svg") no-repeat;
	-webkit-background-size: 186px 35px;
	-moz-background-size: 186px 35px;
	-o-background-size: 186px 35px;
	background-size: 186px 35px
}

header[role="masthead"] .logo {
	float: left;
	width: 24px;
	height: 31px;
	background: url("../img/icon.svg") no-repeat;
	-webkit-background-size: 24px 31px;
	-moz-background-size: 24px 31px;
	-o-background-size: 24px 31px;
	background-size: 24px 31px;
}	
.logo.large {
	width: 310px;
	height: 58px;
	-webkit-background-size: 310px 58px;
	-moz-background-size: 310px 58px;
	-o-background-size: 310px 58px;
	background-size: 310px 58px
}
.logo_tagline {
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	display: block;
	width: 200px;
	height: 54px;
	background: url("../img/logo_with_slogan.svg") no-repeat;
	-webkit-background-size: 200px 54px;
	-moz-background-size: 200px 54px;
	-o-background-size: 200px 54px;
	background-size: 200px 54px
}
[data-icon]:before {
	font-family: ts_iconregular;
	content: attr(data-icon);
	speak: none
}
.small_icon {
	font-size: 2rem;
	line-height: 1em
}
.medium_icon {
	margin-top: 20%;
	font-size: 4rem
}
.arrow,.strip .arrow {
	display: inline-block;
	color: #fff;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
.screen-reader-text {
	position: absolute;
	top: -9999px;
	left: -9999px
}
.download_btn {
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	display: block;
	width: 110px;
	height: 36px;
	margin-top: -4px;
	line-height: 0;
	background: url("../img/get_soundhalo.svg") no-repeat;
	-webkit-background-size: 110px 36px;
	-moz-background-size: 110px 36px;
	-o-background-size: 110px 36px;
	background-size: 110px 36px;
	display:none;
}

.google_play{
	background: url("../img/get-sh-android.svg") no-repeat;
	display:none;
}

.ios_cta{	
	background: url("../img/get-sh-ios.svg") no-repeat;
	display:none;
}

.launch_ios{
	background: url("../img/launch-sh-ios.svg") no-repeat;
	display:none;
}

.launch_desktop{
    background-color: #e6e7e8;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    width: 275px;
    height: 70px;
    color: #d12027;
    font: 16px "UniversNW01-230BThin","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: none;
    float: left;
    margin-bottom: 4%;
    position: relative;
    padding: 0 100px 0 0;
    line-height: 74px;
    text-align: center;
    transition: background .15s, color .15s, ease-in-out;
    -moz-transition: background .15s, color .15s, ease-in-out;
    -webkit-transition: background .15s, color .15s, ease-in-out;
    font-weight: bold;
}

.launch_desktop span, a.launch_desktop:hover span{
    background: url("../img/logo-black.svg") no-repeat;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    width: 120px;
    height: 30px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    right: 84px;
    top: 25px;
    padding: 0;
    margin: 0;
}

a.launch_desktop:hover{
	background-color: #221f1f;
	color:#fff;
	box-shadow: 0px 2px 4px rgba(255,255,255,0.2);
}

a.launch_desktop:hover span{
	background-image: url("../img/logo.svg");
	color: transparent;
}
	
.android .launch_desktop, .android #intro .wrapper h3,
.ios .launch_desktop, .ios #intro .wrapper h3,
.android #cta-s .launch_desktop,
.ios #cta-s .launch_desktop{
	display:none;
}

#intro .wrapper h3{
	clear:both;
	margin-bottom: 4%;
	max-width:	38rem;
	font-size: 1.8rem;
	line-height:2.2rem;
}

#cta-s .launch_desktop{
	float: none;
	display: block;
	margin:10% auto 0;
}

.google_play, .ios_cta, .launch_ios {
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	width: 175px;
	height: 59px;
/*	margin-bottom: 4%; */
	-webkit-background-size: 179px 60px;
	-moz-background-size: 179px 60px;
	-o-background-size: 179px 60px;
	background-size: 180px 60px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	border-radius: 10px;
	
}

#cta-s{
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 90px;

}

#cta-s .google_play, #cta-s .ios_cta {
	float: none;
	display: inline-block;
}

.ios #cta-s {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

.ios #cta-s .ios_cta{display:none;}

#ios-guide-wrapper{ 
     background: rgba(0,0,0,0.7); 
     width:      100%;
     height:     100%; 
     z-index:    10;
     top:        0; 
     left:       0; 
     position:   fixed; 
	 display:none;
}

#ios-guide {
	border-radius: 5px;
	border: 1px solid #f3f3f3;
	position: fixed;
	left: 50%;
	top: 50%;
	background:#fcfcfc url("../img/iOS_Icons-01.svg") no-repeat 50% 20%;
	background-size: 280px 180px;
	z-index: 100;
	height: 300px;
	margin-top: -200px;
	width: 500px;
	margin-left: -300px;
	text-align: center;
	padding: 50px;
}

#intro #ios-guide p{
	font-size: 2.5rem;
	line-height: 3.0rem;
	color: #525252;
	font-weight: lighter;
	padding: 43% 10% 0 10%;
}
#intro #ios-guide p span{
	color:#d21a1a;
	font-weight:normal;
}

.dotted {
	border-bottom: 1px dotted #fff
}
.strip {
	padding: 4% 0;
	background: #fff;
	color: #5d5c5e
}
.strip .wrapper {
	position: relative;
	padding: 3% 0;
	border-top: 1px solid #c6c8ca;
	border-bottom: 1px solid #c6c8ca
}
.strip .wrapper .block p {
	margin-bottom: 3rem;
}
.strip .wrapper p {
	margin-bottom: 0
}
.strip p {
	margin-bottom: 3rem
}

.strip p#now-available{
	color:#d21a1a;
	max-width:90%;
}
.strip figure {
	float: left;
	margin: 0 4% 0 0
}

.strip#what img{
	width: 315px;
	margin: 2% 0;
}

.strip #preview img{
	width: 450px;
	margin: 2% 0;
}


.strip .arrow {
	position: absolute;
	bottom: 3%;
	right: 0;
	font-size: 2.6rem;
	color: #000
}
header[role="masthead"] {
	padding: 1% 0;*zoom:1;	
	position: fixed;
	width: 100%;
	top: 0;
}
header[role="masthead"]:before,header[role="masthead"]:after {
	content: " ";
	display: table
}
header[role="masthead"]:after {
	clear: both
}
header[role="masthead"] h1 {
	margin-bottom: 0
}
nav[role="navigation"],nav[role="sitemap"] {
	float: right
}
nav[role="navigation"] a,nav[role="sitemap"] a{
	float: left;
	display: block;
	line-height: 3.7rem;
	text-align: center;
	margin: 0 0 0 30px
}

nav[role="navigation"] a:last-child,nav[role="sitemap"] a:last-child {
	margin-right: 0
}
nav[role="sitemap"] .library,nav[role="sitemap"] .blog,nav[role="sitemap"] .support,nav[role="sitemap"] .download_btn,nav[role="sitemap"] .contact  {
	float: none;
	display: block;
	text-align: right;
	margin: 0
}
nav[role="navigation"] .download_btn {
	visibility:hidden;
}
nav[role="sitemap"] .download_btn {
	margin: 0 0 30px 10px;
	display:none;
}
#intro {*zoom:1;
	background: url("../img/130731_Soundhalo_Refresh_Images_MOBILE1.jpg") no-repeat 50% 0%
}
#intro:before,#intro:after {
	content: " ";
	display: table
}
#intro:after {
	clear: both
}
#intro .wrapper {
	padding: 16% 0 3% 0
}
#intro p {
	font-size: 3rem;
	max-width: 55rem;
	line-height: 3.6rem;
	clear:left;
}
/* #intro .google_play {
	display: none
} */

#intro .download_btn {
	float: right;
	width: 240px;
	height: 78px;
	-webkit-background-size: 240px 78px;
	margin-top:70px;
}
#what .block {
	padding-left: 353px;
}

#what .block p{
	max-width:85%;
}

#gig {
	height: 320px;
	/*background: url("../img/stage_bg_mobile.jpg") no-repeat top center*/
	background: url("../img/130731_Soundhalo_Refresh_Images_MOBILE2c.jpg") no-repeat top center
}
#sync {
	background: url("../img/devices-2.svg") no-repeat 50% 15%;
	background-size:50%;
}
#sync h1,#sync p {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
#sync h1 {
	padding-top: 20%
}
#preview {
	border-top: none
}
#download {
	background: url("../img/130731_Soundhalo_Refresh_Images_WEB3.jpg") no-repeat top center;
	text-align:center;
}

#intro,#gig,#download {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
#download h1 {
	margin: 0;
}

#download h1,#download h2 {
text-align: center
}

#download .wrapper {
	padding: 22% 0 10% 0;
}

.ios #download .wrapper{
	padding: 22% 0 22% 0;
}
.android #download .wrapper{
	padding: 0;
}

#download .logo_tagline,#download #tagline {
	display: none
}
.notify {*zoom:1
}

.notify{
	clear:left;
}

}
.notify:before,.notify:after {
	content: " ";
	display: table
}
.notify:after {
	clear: both
}
.notify p {
	display: none
}
.notify .thank_you {
	display: none;
	margin: 0;
	text-align: center
}
footer[role="contentinfo"] {
	padding-top: 2%;
	background: #232429
}
footer[role="contentinfo"] h1 {
	float: left
}
footer[role="contentinfo"] .wrapper {
	position: relative
}
footer[role="contentinfo"] .logo {
	width: 150px;
	height: 28px;
	-webkit-background-size: 150px 28px;
	-moz-background-size: 150px 28px;
	-o-background-size: 150px 28px;
	background-size: 150px 28px
}
#top {
	clear: left;
	margin: 20.6% 0 0 0
}
#top .arrow {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.legal {*zoom:1;
	margin-top: 2%;
	padding: 1%;
	background: #000;
	font-size:1.3rem;
	color:rgba(255, 255, 255, 0.35);
}

.legal a{
color:rgba(255, 255, 255, 0.35);
}

.legal:before,.legal:after {
	content: " ";
	display: table
}
.legal:after {
	clear: both
}
.copyright {
	float: left
}
.terms {
	float: right
}
.copyright,.terms {
	margin-bottom: 0
}
.android #download h1,.android #download h2,.android .notify,.ios #download .google_play,.ios #download h2:first-child,.ios .notify h2,.ios .notify, .ios .notify .thank_you, .android .wrapper .launch_ios, .android .wrapper #cta-s .launch_ios, .android .ios_cta, .android #cta-s .ios_cta, .ios .google_play, .ios #download h1 {
	display: none;
}
.ios .notify p,.ios #download .logo_tagline,.ios #download #tagline,.android #intro .google_play,.android #download .google_play {
	display: block;
}
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeOut {0% {
	opacity: 1
}
100% {
	opacity: 0
}

}
@-moz-keyframes fadeOut {0% {
opacity: 1
}
100% {
opacity: 0
}

}
@-o-keyframes fadeOut {0% {
opacity: 1
}
100% {
opacity: 0
}

}
@keyframes fadeOut {0% {
opacity: 1
}
100% {
opacity: 0
}

}
.fade-out {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes shake {0%,100% {
-webkit-transform: translateX(0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translateX(-10px)
}
20%,40%,60%,80% {
-webkit-transform: translateX(10px)
}

}
@-moz-keyframes shake {0%,100% {
-moz-transform: translateX(0)
}
10%,30%,50%,70%,90% {
-moz-transform: translateX(-10px)
}
20%,40%,60%,80% {
-moz-transform: translateX(10px)
}

}
@-o-keyframes shake {0%,100% {
-o-transform: translateX(0)
}
10%,30%,50%,70%,90% {
-o-transform: translateX(-10px)
}
20%,40%,60%,80% {
-o-transform: translateX(10px)
}

}
@keyframes shake {0%,100% {
transform: translateX(0)
}
10%,30%,50%,70%,90% {
transform: translateX(-10px)
}
20%,40%,60%,80% {
transform: translateX(10px)
}

}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake
}

.ios nav[role="sitemap"] .library,
.android nav[role="sitemap"] .library{
	display:none;
}


/* YouTube, Googlee Plus and Instagram social media icons in footer */

.icon.instagram-link,
.icon.youtube-link,
.icon.googleplus-link, {
	display:block;
}

nav[role="sitemap"] a.instagram-link,
nav[role="sitemap"] a.youtube-link,
nav[role="sitemap"] a.googleplus-link{
	font-size: 0;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	margin-top: 6px;
}

nav[role="sitemap"] a.youtube-link,
nav[role="sitemap"] a.googleplus-link,
nav[role="sitemap"] a.social{
	margin-left: 12px;
}

nav[role="sitemap"] a.instagram-link{
	margin-left:0;
}
.instagram-link {
	background-image: url("../img/instagram.svg");
}

.youtube-link {
	background-image: url("../img/icon-youtube.svg");
}
.googleplus-link {
	background-image: url("../img/googleplus.svg");
}
nav[role="sitemap"] .download_btn {
	margin: 0 0 20px 55px !important;
}

#socialmedia{
	/*margin-top:65px;*/
	/*position:absolute;
	bottom:0;*/
}

/* END YouTube, Google Plus and Instagram social media icons */


.ios .ios_cta{	
	display:none;
}
.ios .launch_ios{	
	display: block;
	width: 210px;
	background-size: 210px 70px;
	height: 70px;
	margin: 18px 0 45px 0;
}

.ios #cta-s .launch_ios{
	display: inline-block;
	width: 280px;
	float: none;
	height: 92px;
	background-size: 280px 92px;
	margin: 0;
	padding: 0;
}

.android #cta-s .google_play{
	display:inline-block;
	width: 280px;
	float: none;
	height: 160px;
	background-size: 280px 160px;
	margin: 0;
	padding: 0;
}




@media only screen and (min-width: 320px) and (max-width: 720px) {
	
.ios #cta-s .launch_ios{
	display:inline-block;
	width: 180px;
	float: none;
	height: 60px;
	background-size: 180px 60px;
	margin: 0;
	padding: 0;
}
	
h1 {
font-size: 2.4rem;
line-height: 2.8rem;
margin-bottom: 1.8rem
}
p {
font-size: 1.6rem
}
.logo.large {
width: 230px;
height: 43px;
-webkit-background-size: 230px 43px;
-moz-background-size: 230px 43px;
-o-background-size: 230px 43px;
background-size: 230px 43px
}
input {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none
}
.strip {
padding: 10% 0
}
.strip figure {
float: none;
display: block;
margin: 0 0 8% 0
}
.strip .wrapper {
padding: 6% 0
}
header[role="masthead"] {
padding: 4% 0;
background: #232429;
position:relative;
}
header[role="masthead"] .logo {
float: left;
width: 24px;
height: 31px;
background: url("../img/icon.svg") no-repeat;
-webkit-background-size: 24px 31px;
-moz-background-size: 24px 31px;
-o-background-size: 24px 31px;
background-size: 24px 31px
}

.android #cta-s {
	margin-top:65px;

}
.android /* #intro */ .google_play {
	background: url("../img/get-sh-android-red.svg") no-repeat;
	-webkit-background-size: 179px 60px;
	background-size: 179px 60px;
	margin: 10% 0;
}


.android #download {
height: 320px
}
nav[role="navigation"] .library,nav[role="navigation"] .download_btn,#intro .download_btn,nav[role="sitemap"] .library,nav[role="sitemap"] .blog,nav[role="sitemap"] .support {
display: none
}
.terms {
/*display: none;*/
float: none;
font-size: 1.6rem;
text-align: center;
}
nav[role="sitemap"] .download_btn {
position: absolute;
margin: 0
}
#intro {
background: url("../img/130731_Soundhalo_Refresh_Images_MOBILE1a.jpg") no-repeat bottom right;
}
#intro p {
font-size: 1.8rem;
line-height: 1.8rem
}
#gig {
height: 308px;
background: url("../img/130731_Soundhalo_Refresh_Images_MOBILE2c.jpg") no-repeat top center;
background-size: cover;
}
.ios #gig, .android #gig {
height: 250px;
}


#what .block,#sync h1,#sync p {
width: 100%
}

#what .block{
	padding-left:0;
}

#sync {
background-position: 50% 90%;
/*-webkit-background-size: 219px 71px*/
}
#sync h1 {
padding-top: 0
}
#sync p {
/*padding-bottom: 38%*/
	padding-bottom:22%;
}
#download {
background: url("../img/130731_Soundhalo_Refresh_Images_MOBILE3.jpg") no-repeat
}
#intro,#gig,#download {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.notify p {
font-size: 1.4rem;
line-height: 1.5rem;
text-align: left;
margin-top: 20px;
}
footer[role="contentinfo"] {
padding-top: 6%
}
.ios nav[role="sitemap"] .download_btn {
left: 0;
top: 40px
}
.ios nav[role="sitemap"] .contact {
position:absolute;
left: 0;
top: 45px;
}
.ios nav[role="sitemap"]{
	float:left;
	clear:both;
}
.ios nav[role="sitemap"] .social {
margin-top: 0px;
}
.ios nav[role="sitemap"] .instagram-link,
.ios nav[role="sitemap"] .youtube-link,
.ios nav[role="sitemap"] .googleplus-link {
	margin-top: 5px
}
.android nav[role="sitemap"] .download_btn {
top: 40px
}

.android nav[role="sitemap"]{
	float:left;
	clear:both;
}
.android nav[role="sitemap"] .social{
	margin-top: 0px;
}
.android nav[role="sitemap"] .instagram-link,
.android nav[role="sitemap"] .youtube-link,
.android nav[role="sitemap"] .googleplus-link {
	margin-top: 5px
}
.ios #top {
padding-top: 10px;
clear:both;
}
.android #top {
margin:0;
clear:both;
}

.legal{padding:10px;}

.terms, .copyright {
font-size: 1.2rem;
line-height: 1.3rem;
text-align: center;
padding: 10px;
}
.ios #intro .wrapper {
padding: 22% 0 16% 0
}
/*.ios #download .logo_tagline {
margin-bottom: 38%;
}*/
.ios input[type="email"] {
width: 63%
}
.ios input[type="submit"] {
width: 12%
}
input[type="email"] {
width: 35%;
font-size:1.5rem;
padding:3%;
}
input[type="submit"] {
font-size:1.5rem;
padding:3%;
}

#ios-guide {
	background-size: 120px 100px;
	height: 190px;
	margin-top: -120px;
	width: 260px;
	margin-left: -150px;
	text-align: center;
	padding: 20px;
}

#intro #ios-guide p{
	font-size:1.5rem;
	line-height:1.7rem;
}
	
	

}
@media only screen and (min-width: 720px) and (max-width: 1024px) {h1 {
font-size: 2.4rem;
line-height: 2.8rem;
margin-bottom: 1.8rem
}
p {
font-size: 1.6rem
}
input {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none
}
.strip {
padding: 8% 0
}
.strip .wrapper {
padding: 4% 0
}
header[role="masthead"] {
background: #232429;
position:relative;
}
header[role="masthead"] .logo {
float: left;
width: 24px;
height: 31px;
background: url("../img/icon.svg") no-repeat;
-webkit-background-size: 24px 31px;
-moz-background-size: 24px 31px;
-o-background-size: 24px 31px;
background-size: 24px 31px;
}
nav[role="navigation"] .library,nav[role="navigation"] .download_btn,#intro .download_btn {
display: none
}
#intro {
background: url("../img/130731_Soundhalo_Refresh_Images_WEB1.jpg") no-repeat 15% 0%
}
#intro .wrapper {
padding: 14% 0 14% 0;
}
#intro p {
font-size: 1.8rem;
line-height: 1.8rem
}
#gig {
/*height: 821px;*/
height:520px;
background: url("../img/130731_Soundhalo_Refresh_Images_WEB2.jpg?1") no-repeat top center;
background-size: cover;
}

/*.ios #gig {
height: 521px;
}*/

#sync {
background-position: 50% 15%
}
#sync h1 {
padding-top: 20%
}
footer[role="contentinfo"] {
padding-top: 4%
}
.logo_tagline {
margin-bottom: 36%
}
.ios .logo_tagline{
margin-bottom:10%;
}

.ios #download p{
	max-width:30rem;
}

.ios input[type="email"] {
width: 43%
}
.ios input[type="submit"] {
width: 12%
}
input[type="email"] {
width: 45%;
}
#top {
margin-top: 27.6%
}
.legal {
margin-top: 4%;
}
.terms, .copyright {
/*display: none;*/
float: none;
font-size: 1.4rem;
text-align: center;
}
.ios .terms, .ios .copyright {
font-size: 1.2rem;
}

}
@media only screen and (min-width: 1024px) {header[role="masthead"] {
position: fixed;
width: 100%;
top: 0
}
header[role="masthead"] .logo {
float: left;
width: 24px;
height: 31px;
background: url("../img/icon.svg") no-repeat;
-webkit-background-size: 24px 31px;
-moz-background-size: 24px 31px;
-o-background-size: 24px 31px;
background-size: 24px 31px;
}
.fix-nav {
background: #232429;
z-index: 2
}

.fix-nav nav[role="navigation"] .download_btn {
	visibility: visible;
}

#intro {
background: url("../img/130731_Soundhalo_Refresh_Images_WEB1.jpg") no-repeat 50% 0% fixed;
}
#gig {
height: 821px;
background: url("../img/130731_Soundhalo_Refresh_Images_WEB2.jpg") no-repeat top center fixed;
}

#download{
background: url("../img/130731_Soundhalo_Refresh_Images_WEB3.jpg") no-repeat top center fixed;
}
#intro,#gig,#download {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}

#download .google_play {
/*
margin-left: auto;
margin-right: auto
*/
}
.notify p {
font-size: 1.8em;
line-height: 1.3em
}

#cta-s{
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}




/*
     FILE ARCHIVED ON 21:36:49 Jan 29, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:25:31 Jun 20, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  load_resource: 108.779
  RedisCDXSource: 0.963
  captures_list: 130.041
  CDXLines.iter: 14.743 (3)
  exclusion.robots.policy: 0.325
  PetaboxLoader3.datanode: 184.564 (4)
  exclusion.robots: 0.345
  PetaboxLoader3.resolve: 22.343
  esindex: 0.023
  LoadShardBlock: 109.519 (3)
*/