
/* desktop */
@media screen and (min-width: 900px) {

div#app_icon {
    margin-top: 50px;
}

} /* desktop */


/* desktop and tablet */
@media screen and (min-width: 700px) {

div#the_verge_review {
    margin-top: 60px;
}

div#atom_review_text {
    width: 300px;
}

} /* desktop and tablet */

/* tablet */
@media screen and (min-width: 700px) and (max-width: 899px) {

div#app_icon {
    margin-top: 70px;
}

div#screenshot_container {
    width: 552px;
}

div#the_verge_review {
    margin-top: 60px;
}

} /* tablet */


/* phone */
@media screen and (max-width: 699px) {

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

div#screenshot_container {
    width: 276px;
}

div#description_container {
    width: 260px;

    font-size: 19px;
    margin-top: 100px;

    text-align: left;
}

div#stars_container {
    margin-top: 80px;
}

div.review-row {
    width: 276px;
    padding-bottom: 72px;

    font-size: 19px;
}

div.review-column {
    width: 276px;
    padding: 0 0;
}

div.review {
    margin: 0 0;
    margin-top: 40px;
}

div#the_verge_review {
    margin-top: 40px;
}

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

} /* phone */


/* iPhone 3/4/5 */
@media screen and (max-width: 374px) {

div#app_icon {
    margin-top: 15px;
}

h1#tagline {
    font-size: 21px;
}

div#intro_section a.app-store-badge-link {
    margin-top: 66px;
}

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

} /* iPhone 3/4/5 */


/* iPhone 6 */
@media screen and (min-width:375px) and (max-width: 413px) {

div#app_icon {
    margin-top: 70px;
}

h1#tagline {
    font-size: 22px;
}

div#intro_section a.app-store-badge-link {
    margin-top: 90px;
}

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

} /* iPhone 6 */


/* iPhone 6 Plus */
@media screen and (min-width:414px) and (max-width: 699px) {

div#app_icon {
    margin-top: 90px;
}

h1#tagline {
    font-size: 24px;
}

div#intro_section a.app-store-badge-link {
    margin-top: 108px;
}

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

div#description_container {
    width: 342px;
}

div.review-row,
div.review-column,
div.review-text {
    width: 360px;
    font-size: 20px;
}

} /* iPhone 6 Plus */
