 
 
 iPhone5BaseDevice =
-	deviceImageWidth: 772
+	deviceImageWidth: 780
 	deviceImageHeight: 1608
 	screenWidth: 640
 	screenHeight: 1136
 	deviceType: "phone"
-	keyboards:
-		portrait:
-			image:  "ios-keyboard.png"
-			width: 640
-			height: 432
-		landscape:
-			image: "ios-keyboard-landscape-light.png"
-			width: 1136
-			height: 322
+	# keyboards:
+	# 	portrait:
+	# 		image:  "ios-keyboard.png"
+	# 		width: 640
+	# 		height: 432
+	# 	landscape:
+	# 		image: "ios-keyboard-landscape-light.png"
+	# 		width: 1136
+	# 		height: 322
 
 iPhone5BaseDeviceHand = _.extend {}, iPhone5BaseDevice,
 	deviceImageWidth: 1884
 	deviceImageHeight: 2234
+	paddingOffset: -200
+
+
+iPhone5CBaseDevice =
+	deviceImageWidth: 776
+	deviceImageHeight: 1612
+	screenWidth: 640
+	screenHeight: 1136
+	deviceType: "phone"
+	# keyboards:
+	# 	portrait:
+	# 		image:  "ios-keyboard.png"
+	# 		width: 640
+	# 		height: 432
+	# 	landscape:
+	# 		image: "ios-keyboard-landscape-light.png"
+	# 		width: 1136
+	# 		height: 322
+
+iPhone5CBaseDeviceHand = _.extend {}, iPhone5CBaseDevice,
+	deviceImageWidth: 1894
+	deviceImageHeight: 2244
 	paddingOffset: -200
 
 

		
		# # Todo: pixel align at zoom level 1, 0.5

		console.log "_update", @_shouldRenderFullScreen()

		if @_shouldRenderFullScreen()
			for layer in [@background, @phone, @viewport, @content, @screen]
				layer.x = layer.y = 0
				layer.width = window.innerWidth / @contentScale
				layer.height = window.innerHeight / @contentScale
				layer.scale = 1
			
			@_positionKeyboard()

		else

	deviceImageHeight: 2996
	paddingOffset: -120

AppleWatchDevice =
	deviceImageWidth: 472
	deviceImageHeight: 806
	screenWidth: 320
	screenHeight: 400


Devices =
