div#app_icon {
    background-image: url('../images/Flat-App-Icon-180-1x.png');
    background-image: -webkit-image-set( url('../images/Flat-App-Icon-180-1x.png') 1x,
      		 		   	 url('../images/Flat-App-Icon-180-2x.png') 2x,
   		 		   	 url('../images/Flat-App-Icon-180-3x.png') 3x );
    background-size: 180px 180px;
    width: 180px;
    height: 180px;

    margin: 0 auto;
 }

h1#tagline {
    margin: 0;
    padding: 0;
    font-family: 'Futura';
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5em;

    text-align: center;

    /* always enable this even on non-retina so that the font weight doesn't appear too heavy */
    -webkit-font-smoothing: antialiased;
}

div#screenshot_section {
    margin-top: 120px;
}

div#screenshot_container {
    width: 828px;

    margin: 0 auto;
}

div.screenshot {
    display: inline-block;

    background-size: 260px 195px;  /* 520x390 @2x, 780x585 @3x */
    width: 260px;
    height: 195px;

    margin: 8px;
}

div#screenshot_1 {
    background-image: url('../images/Flat-Screenshot-1-260-1x.jpg');
    background-image: -webkit-image-set( url('../images/Flat-Screenshot-1-260-1x.jpg') 1x,
   		 		   	 url('../images/Flat-Screenshot-1-260-2x.jpg') 2x,
   		 		   	 url('../images/Flat-Screenshot-1-260-3x.jpg') 3x )
}

div#screenshot_2 {
    background-image: url('../images/Flat-Screenshot-2-260-1x.jpg');
    background-image: -webkit-image-set( url('../images/Flat-Screenshot-2-260-1x.jpg') 1x,
   		 		   	 url('../images/Flat-Screenshot-2-260-2x.jpg') 2x,
   		 		   	 url('../images/Flat-Screenshot-2-260-3x.jpg') 3x )
}

div#screenshot_3 {
    background-image: url('../images/Flat-Screenshot-3-260-1x.jpg');
    background-image: -webkit-image-set( url('../images/Flat-Screenshot-3-260-1x.jpg') 1x,
   		 		   	 url('../images/Flat-Screenshot-3-260-2x.jpg') 2x,
   		 		   	 url('../images/Flat-Screenshot-3-260-3x.jpg') 3x )
}

div#screenshot_4 {
    background-image: url('../images/Flat-Screenshot-4-260-1x.jpg');
    background-image: -webkit-image-set( url('../images/Flat-Screenshot-4-260-1x.jpg') 1x,
   		 		   	 url('../images/Flat-Screenshot-4-260-2x.jpg') 2x,
   		 		   	 url('../images/Flat-Screenshot-4-260-3x.jpg') 3x )
}

div#screenshot_5 {
    background-image: url('../images/Flat-Screenshot-5-260-1x.jpg');
    background-image: -webkit-image-set( url('../images/Flat-Screenshot-5-260-1x.jpg') 1x,
   		 		   	 url('../images/Flat-Screenshot-5-260-2x.jpg') 2x,
   		 		   	 url('../images/Flat-Screenshot-5-260-3x.jpg') 3x )
}

div#screenshot_6 {
    background-image: url('../images/Flat-Screenshot-6-260-1x.jpg');
    background-image: -webkit-image-set( url('../images/Flat-Screenshot-6-260-1x.jpg') 1x,
   		 		   	 url('../images/Flat-Screenshot-6-260-2x.jpg') 2x,
   		 		   	 url('../images/Flat-Screenshot-6-260-3x.jpg') 3x )
}

div#description_container {
    width: 460px;

    font-size: 20px;
    text-align: center;
    line-height: 1.5em;
  
    margin: 0 auto;
    margin-top: 120px;

}

div#stars_container {
    text-align: center;

    margin: 0 auto;
    margin-top: 100px;

    font-size: 16px;
}

div#stars {
    background-image: url('../images/Flat-Five-Stars-140-1x.png');
    background-image: -webkit-image-set( url('../images/Flat-Five-Stars-140-1x.png') 1x,
      		 		   	 url('../images/Flat-Five-Stars-140-2x.png') 2x,
   		 		   	 url('../images/Flat-Five-Stars-140-3x.png') 3x );
    background-size: 140px 24px;
    width: 140px;
    height: 24px;

    margin: 0 auto;
}

div#review_section {
    background-color: #333;
    color: #b8b8b8;

    margin-top: 80px;
}

div.review-row {
    width: 700px;

    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 42px;
}

div.review-column {
    display: inline-block;
    vertical-align: middle;

    width: 300px;
    padding: 0 25px;
}

div.review {
    margin: 40px 0;
}

div.review-logo {
    opacity: 0.5;

    margin: 0 auto;
    margin-bottom: 20px;
}

div.review-text {
    text-align: center;

    width: 250px;
    margin: 0 auto;
}

div#buzzfeed_logo {
    background-image: url('../images/Flat-BuzzFeed-200-1x.png');
    background-image: -webkit-image-set( url('../images/Flat-BuzzFeed-200-1x.png') 1x,
      		 		   	 url('../images/Flat-BuzzFeed-200-2x.png') 2x,
   		 		   	 url('../images/Flat-BuzzFeed-200-3x.png') 3x );
    background-size: 200px 44px;
    width: 200px;
    height: 44px;
}

div#cult_of_mac_logo {
    background-image: url('../images/Flat-Cult-of-Mac-200-1x.png');
    background-image: -webkit-image-set( url('../images/Flat-Cult-of-Mac-200-1x.png') 1x,
      		 		   	 url('../images/Flat-Cult-of-Mac-200-2x.png') 2x,
   		 		   	 url('../images/Flat-Cult-of-Mac-200-3x.png') 3x );
    background-size: 200px 40px;
    width: 200px;
    height: 40px;
}

div#the_verge_logo {
    background-image: url('../images/Flat-The-Verge-200-1x.png');
    background-image: -webkit-image-set( url('../images/Flat-The-Verge-200-1x.png') 1x,
      		 		   	 url('../images/Flat-The-Verge-200-2x.png') 2x,
   		 		   	 url('../images/Flat-The-Verge-200-3x.png') 3x );
    background-size: 200px 40px;
    width: 200px;
    height: 40px;
}

div#atom_logo {
    background-image: url('../images/Flat-Atom-70-1x.png');
    background-image: -webkit-image-set( url('../images/Flat-Atom-70-1x.png') 1x,
      		 		   	 url('../images/Flat-Atom-70-2x.png') 2x,
   		 		   	 url('../images/Flat-Atom-70-3x.png') 3x );
    background-size: 70px 70px;
    width: 70px;
    height: 70px;

    margin-bottom: 10px;
}

div#badge_section div.app-store-badge {
    margin-top: 200px;
    margin-bottom: 200px;
}