.overlay {
    background-color: black;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.download-app {
    position: fixed;
    width: 605px;
    z-index: 10000;
}

.download-appstore, .download-button, .download-nothanks {
    position: relative;
    z-index: 10001;
    display: block;
}


/* iPhone only */
@media only screen
    and (device-width: 320px){
    
    .download-app {
	    background: url('http://images.military.com/script/production/ios/downloadapp/images/phone_download_bkg.png') no-repeat top left;
	    background-size: 290px 187px;
	    height: 187px;
	    width: 290px;
	}
	
	.download-appstore {
	    background: url('http://images.military.com/script/production/ios/downloadapp/images/phone_download_appstore.png') no-repeat top left;
	    background-size: 84px 28px;
	    width: 84px;
	    height: 28px;
	    top: 149px;
        left: 8px;
	}
	
	.download-button {
	    background: url('http://images.military.com/script/production/ios/downloadapp/images/phone_download_bttn.png') no-repeat top left;
	    background-size: 182px 25px;
	    width: 182px;
	    height: 25px;
	    top: 87px;
        left: 97px;
	}
	
	.download-nothanks {
	    background: url('http://images.military.com/script/production/ios/downloadapp/images/phone_download_nothanks.png') no-repeat top left;
	    background-size: 95px 14px;
	    width: 95px;
	    height: 14px;
	    top: 104px;
        left: 140px;
	}
   
}


/* iPad only */
@media only screen
    and (device-width: 768px) 
    and (device-height: 1024px){ 
    .download-app {
        background: url('http://images.military.com/script/production/ios/downloadapp/images/tablet_download_bkg.png') no-repeat top left;
        background-size: 605px 361px;
        height: 361px;
        width: 605px;
    }
    
    .download-appstore {
        background: url('http://images.military.com/script/production/ios/downloadapp/images/tablet_download_appstore.png') no-repeat top left;
        background-size: 164px 54px;
        width: 164px;
        height: 54px;
        top: 292px;
        left: 15px;
    }
    
    .download-button {
        background: url('http://images.military.com/script/production/ios/downloadapp/images/tablet_download_bttn.png') no-repeat top left;
        background-size: 352px 48px;
        width: 352px;
        height: 48px;
        top: 172px;
        left: 210px;
    }
    
    .download-nothanks {
        background: url('http://images.military.com/script/production/ios/downloadapp/images/tablet_download_nothanks.png') no-repeat top left;
        background-size: 185px 26px;
        width: 185px;
        height: 26px;
        top: 204px;
        left: 290px;
    }
    
}