@media handheld and (min-width: 160px), screen and (min-width: 160px) {

    .BgImage {
        position: absolute; width: 100%;margin-left:-6px
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px
    }

 .DCimage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:72%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;height:150px;width:120px;height:120px;top:60%;left:14%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:70%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:62%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:73%;left:43%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:53%;left:53%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:64%;left:60%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:45%;left:65%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:47%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:120px;width:120px;top:48%;left:88%
    }

}

@media handheld and (min-width: 320px), screen and (min-width: 320px) {
 
    .BgImage {
        position: absolute; width: 100%;margin-left:-6px
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px
    }

 .DCimage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:72%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;height:150px;width:120px;height:120px;top:60%;left:14%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:70%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:62%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:73%;left:43%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:53%;left:53%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:64%;left:60%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:45%;left:65%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:47%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:120px;width:120px;top:48%;left:88%
    }

}

@media handheld and (min-width: 480px), screen and (min-width: 480px) {
 
     .BgImage {
        position: absolute; width: 100%;margin-left:-6px;height:470px;
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px;height:470px;
    }

 .DCimage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:73%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;width:100px;height:100px;top:60%;left:14%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:75%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:62%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:73%;left:43%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:53%;left:53%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:80px;width:80px;top:69%;left:60%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:45%;left:65%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:52%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:56%;left:88%
    }

}


@media handheld and (min-width: 760px), screen and (min-width: 760px) {
 
    .BgImage {
        position: absolute; width: 100%;margin-left:-6px;height:496px;
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px;height:496px;
    }

 .DCimage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:73%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;width:100px;height:100px;top:60%;left:14%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:75%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:62%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:73%;left:43%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:53%;left:53%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:80px;width:80px;top:69%;left:60%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:45%;left:65%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:52%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:56%;left:88%
    }

}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  
    .BgImage {
        position: absolute; width: 100%;margin-left:-6px;height:596px;
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px;height:596px;
    }

 .DCimage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:60%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;height:150px;width:120px;height:120px;top:39%;left:17%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:64%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:58%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:63%;left:45%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:48%;left:43%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:59%;left:62%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:40%;left:65%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:47%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:120px;width:120px;top:48%;left:90%
    }

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
   .BgImage {
        position: absolute; width: 100%;margin-left:-6px;height:596px;
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px;height:596px;
    }

 .DCimage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:60%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;height:150px;width:120px;height:120px;top:39%;left:17%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:64%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:58%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:63%;left:45%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:48%;left:43%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:59%;left:62%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:40%;left:65%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:47%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:120px;width:120px;top:48%;left:90%
    }

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
   
    .BgImage {
        position: absolute; width: 100%;margin-left:-6px;height:596px;
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px;height:596px;
    }

 .DCimage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:60%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;height:150px;width:120px;height:120px;top:39%;left:17%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:64%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:58%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:63%;left:45%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:48%;left:43%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:59%;left:62%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:40%;left:65%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:47%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:120px;width:120px;top:48%;left:90%
    }

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  .BgImage {
        position: absolute; width: 100%;margin-left:-6px;height:596px;
    }

    .gifImage {
        position: absolute; z-index: 1; width: 100%;margin-left:-6px;height:596px;
    }

 .DCimage {
        position: absolute; z-index: 9122;height:110px;width:110px;top:72%;left:10%
    }

    .Designimage {
        position: absolute; z-index: 9122;height:150px;width:120px;height:120px;top:60%;left:14%
    }

    .CFImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:70%;left:27%
    }

    .websiteImage {
        position: absolute; z-index: 9122;height:65px;width:65px;top:60%;left:38%
    }

    .CRMImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:71%;left:43%
    }

    .BrandingImage {
        position: absolute; z-index: 9122;height:70px;width:70px;top:51%;left:53%
    }

    .SMSImage {
        position: absolute; z-index: 9122;height:90px;width:90px;top:64%;left:60%
    }

    .PhotographyImage {
        position: absolute; z-index: 9122;height:100px;width:100px;top:43%;left:66%
    }

    .FMImage {
        position: absolute; z-index: 9122;height:130px;width:130px;top:45%;left:78%
    }

    .DigitalImage {
        position: absolute; z-index: 9122;height:120px;width:120px;top:46%;left:88%
    }


}

/* iPhone 4 ----------- */
/*@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

      .Threelogos {
        text-align: left; z-index: 1; position: absolute;width:70%;padding-top:10px;
    }

     .Threelogos a img {
        width:60px;
        height:50px;
        padding-left:10px;
    }
     
    .ftlogosdiv {
        position: absolute;width:100%;padding-top:230px;text-align:right
    }
       
   
      
}*/