@media screen and (min-width:100px){
/*background images - change project# names*/
.bga {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project1-s.jpg');}
.bgb {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project2-s.jpg');}
.bgc {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project3-s.jpg');}
.bgd {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project4-s.jpg');}
.bge {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/miscellaneous-s.jpg');}
.bg1 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/services-s.jpg');}
.bg2 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/scenarios-s.jpg');}
.bg3 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/contact-s.jpg');}
.bg4 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/cookie-policy.jpg');}
.bgs1 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/concept-products-s.jpg');}
.bgs2 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/3d-design-s.jpg');}
.bgs3 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/marketing-material-s.jpg');}
.bgs4 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/2d-design-s.jpg');}
}


@media screen and (min-width:1250px), screen and (-webkit-min-device-pixel-ratio: 1.3), 
screen and (min-resolution: 120dpi){
/*background images - change project# names*/
.bga {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project1.jpg');}
.bgb {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project2.jpg');}
.bgc {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project3.jpg');}
.bgd {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/project4.jpg');}
.bge {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/miscellaneous.jpg');}
.bg1 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/services.jpg');}
.bg2 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/scenarios.jpg');}
.bg3 {background: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/contact.jpg');}
.bg4 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/cookie-policy.jpg');}
.bgs1 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/concept-products.jpg');}
.bgs2 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/3d-design.jpg');}
.bgs3 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/marketing-material.jpg');}
.bgs4 {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/2d-design.jpg');}

 }





 
 
 
 





/*left in for reference not supported outside of chrome*/
.anim {
    -webkit-animation: myfirst 10s; /* Chrome, Safari, Opera */
    animation: myfirst 10s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
       -webkit-animation-play-state: running;
	animation-timing-function: linear;
    animation-delay: 2s;
       animation-play-state: running;
	     -webkit-animation-direction: alternate;
		   animation-direction: alternate;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/cookie-policy.jpg');}
    25%  {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/3d-design.jpg');}
    50%  {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/services.jpg');}
    100% {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/2d-design.jpg');}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/cookie-policy.jpg');}
    25%  {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/3d-design.jpg');}
    50%  {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/services.jpg');}
    100% {background-image: url('http://tempsite3.imageresolutions.co.uk/assets/images/backgrounds/2d-design.jpg');}
}