@media screen and (max-width: 1023px) {
	.devices { position: absolute; top: 0; right: 0; padding: 3.2em 1.2em; height: 21em; margin: 0 auto; width: 25%; }
	.devices img { display: inline-block; opacity: 0; float: none; height: auto; width: auto; margin: 0 0 0 1em; position: absolute; top: 3em; left: auto; right: auto; -webkit-animation: cycle 4s 9999 ease-out; -moz-animation: cycle 4s 9999 ease-out;  margin: 0 auto ; }
	.devices img:nth-child(2) { -webkit-animation-name: cycle2;  -moz-animation-name: cycle2;  }
	.devices img:nth-child(3) { -webkit-animation-name: cycle3; -moz-animation-name: cycle3; }
	.devices img:nth-child(4) { -webkit-animation-name: cycle4; -moz-animation-name: cycle4; padding-left: 20px;  }
	
	.icon span:nth-child(5) { display: none; }
}

@media screen and (min-width: 1024px) {
	.devices img { opacity: 1; -webkit-animation: phone 0.4s 1 ease-out; }
	.devices img:nth-child(2n) { -webkit-animation: phone2 0.4s 1 ease-out; }
	.entry-content { float: left; width: 70%; padding-right: 5%; }
	article footer { margin: 0; float: left; width: 25%; }

}


@media screen and (min-width: 1200px) {
	.devices img { margin-left: 4em; }
}

@media screen and (min-width: 1800px) {
	body { font-size: 95%; }
	
}