#HeaderGifInst {
    width:98%;
    text-align:right;
    position:fixed;
    font-family:Mistral;
    font-size:22px
}
#HeaderTextDiv {
    width:98%;
    text-align:center;
    margin: auto;
}
#HeaderTextImage {    
    width:58%;
    margin-top: -5rem;
}
#LogoDiv {
    width:100%;
}
.Gpuimg {
    float:right;
    z-index:99999999
}

@media handheld and (min-width: 160px), screen and (min-width: 160px) {
    #HeaderGifInst {
        margin-top:25%;
    }
    .Gpuimg {
        height:25px;
        width:25px;        
    }
    #logoimage {
        width:34px;
    }
}

@media handheld and (min-width: 320px), screen and (min-width: 320px) {  
    #HeaderGifInst {
        margin-top:24%;
    }   
    .Gpuimg {
        height:40px;
        width:40px;
    }
    #logoimage {
        width:48px;
    } 
}

@media handheld and (min-width: 480px), screen and (min-width: 480px) {
   #HeaderGifInst {
        margin-top:26%;
    }
    .Gpuimg {
        height:75px;
        width:75px;
    }
    #logoimage {
        width:74px;
    }     
}

@media handheld and (min-width: 760px), screen and (min-width: 760px) { 
     #HeaderGifInst {
        margin-top:24%;
    }    
    .Gpuimg {
        height:89px;
        width:89px;
    }
    #logoimage {
        width:94px;
    }    
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {  
    #HeaderGifInst {
        margin-top:32%;
    }      
    .Gpuimg {
        height:89px;
        width:89px;
    }
    #logoimage {
        width:94px;
    }      
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    #HeaderGifInst {
        margin-top:32%;
    }  
    .Gpuimg {
        height:89px;
        width:89px;
    }
    #logoimage {
        width:94px;
    }   
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
     #HeaderGifInst {
        margin-top:32%;
    }  
    .Gpuimg {
        height:89px;
        width:89px;
    }
    #logoimage {
        width:94px;
    }    
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    #HeaderGifInst {
        margin-top:33%;
    }
    .Gpuimg {
        height:89px;
        width:89px;
    }    
    #logoimage {
        width:94px;
    }    
}