@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
 	html {
 		font-family: 'Avenir', 'Helvetica Neue', 'Roboto', 'Arial', sans-serif;
 		font-size: 1em;
 		padding: 1em;
 	}
 }

 @media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1) {
 	html {
 		font-family: 'Avenir', 'Helvetica Neue', 'Roboto', 'Arial', sans-serif;
 		font-size: 1em;
 		padding: 1em;
 	}
 }

 @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
 	html {
 		font-family: 'Avenir', 'Helvetica Neue', 'Roboto', 'Arial', sans-serif;
 		font-size: 1em;
 		padding: 1em;
 	}
 }

 @media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) {
 	html {
 		font-family: 'Avenir', 'Helvetica Neue', 'Roboto', 'Arial', sans-serif;
 		font-size: 1em;
 		padding: 1em;
 	}
 }

 @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
 	html {
 		font-family: 'Avenir', 'Helvetica Neue', 'Roboto', 'Arial', sans-serif;
 		font-size: 1em;
 		padding: 1em;
 	}
 }

 @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {
 	html {
 		font-family: 'Avenir', 'Helvetica Neue', 'Roboto', 'Arial', sans-serif;
 		font-size: 1em;
 		padding: 1em;
 	}

 @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
 	html {
 		font-family: 'Avenir', 'Helvetica Neue', 'Roboto', 'Arial', sans-serif;
 		font-size: 1em;
 		padding: 1em;
 	}