/* Ipad portrait (& others) anything that's 1024px and less*/

/* Responsive CSS */
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPhone 6:
@media screen and (device-aspect-ratio: 667/375) {}

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}



/* Go large image (not extra large) if dimensions less than 1500px wide by 1000px wide */

@media screen and (max-width: 1440px) {

.bgwrapper {background:url('../images/kennetfinancial-large.jpg');}
}

@media screen and (max-height: 1000px) {

.bgwrapper {background:url('../images/kennetfinancial-large.jpg');}
}


/**
 * Mobile devices 
 */



/* phones */

@media screen and (max-width: 720px)  {   /* Samsung Galaxy 3 */

.bgwrapper {
background:url('../images/kennetfinancial-medium.jpg') 0 0 no-repeat;;


}
}


@media screen and (max-height: 600px) {

.bgwrapper {
background:url('../images/kennetfinancial-medium.jpg') 0 0 no-repeat;;
position:fixed;
background-position:20% 85%;
bottom:60px;
}

} 



@media screen and (max-width: 480px)  {
.bgwrapper {background:url('../images/kennetfinancial-small.jpg') 0 0 no-repeat;}
}

/* Screensize 468px wide by 792px deep approx - make sure allow */


@media screen and (max-width: 320px)  {

.bgwrapper {background:url('../images/kennetfinancial-small.jpg') 0 0 no-repeat;}

}

/* End Phones */