<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

@media only screen and (max-width: 767px) {
header .title {font-size:24px; padding:0 5px;}
header .intro {font-size:16px; padding:0 21px;}
#logo {width:220px;}
#iPhoneBtn {width: 250px; height: 57px;}
#androidBtn {width: 250px; height: 57px;}
#blackberryBtn {width: 250px; height: 57px;}
#wpBtn {width: 250px; height: 57px;}
.content .note {font-size:12px;}
.content .note a {color:#333333;}
}


			
@media only screen and (min-width: 480px) and (max-width: 767px) {
header .title {font-size:24px; padding:0 5px;}
header .intro {font-size:16px; padding:0 21px;}
#logo {width:200px;}
#iPhoneBtn {width: 250px; height: 57px;}
#androidBtn {width: 250px; height: 57px;}
#blackberryBtn {width: 250px; height: 57px;}
#wpBtn {width: 250px; height: 57px;}
.content .note {font-size:12px;}
.content .note a {color:#333333;}
}



@media only screen and (min-width: 768px) {
#logo {width:220px;}
#iPhoneBtn {width: 327px; height: 74px;}
#androidBtn {width: 327px; height: 74px;}
#blackberryBtn {width: 327px; height: 74px;}
#wpBtn {width: 327px; height: 74px;}
}
</pre></body></html>