/* style formate for all view types */
body{
    background-color: #EFEFEF; /*Silver*/
    color: #292929;
    height:100%;
   padding: 0px;
   margin: 0px;
   font-size: 16px;
   
   
   
}
html{
    height: 100%;
}

/*.xxxx{background-color:Aqua;}*/
.gridContainer{
  display: flex;
   flex-direction: column;
   min-height:100%;
}


.gridContainer div{
    padding: 1rem;
    display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 5;
 
    
}
.gridContainerInner2 div{
    
    justify-content: space-between;
}

#Banner{    
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #F0F0F5;
    box-shadow: 0px 5px 3px -3px #00000099;
   flex: 0;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   font-size: 22px;
    
    }
#Banner div{
    flex:0;
  
}
#Nav{
    font-size: 16px;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px;
}
#Welcome{
    padding: 0px;
}
#HomeImg{
   background: linear-gradient(to top, #000000bd, #0000006e), url(http://www.millerinc.org/image/20121163036.jpg);
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;
    width: 90%;
    margin: auto;
     color: #EFEFEF;
     font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    align-items: flex-end;
}
#Body{
    display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex: 6;
    flex-wrap: wrap;
    
  
    }
#Body div{
 padding-top: 0px;
 padding-bottom: 0px;
    
}

.HomeIcon{
    
    font-size: 25px;
    text-align: center;
}
#Footer{
    display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
    background-color:#292929;
    color: #EFEFEF;
    flex: 0;
    
 }
  #FootItems1{
     
     
     flex-direction: row;
     flex-wrap: wrap;
     padding: 0px;
     
 }
 .FootItems1Sub{
     flex-direction: column;
 }
 #FootItems1 div{
     
     justify-content:space-between;
     padding: 0px;
     
 }
 #FootItems2{
     flex: .4;
     justify-content:space-between;
     flex-direction: row;
     align-items: center;
     padding: 0px;
     
 }

/* End Stander Style */

/** Mobile Layout: 349px and below. **/


/* Ened Mobile Layout under 350px*/

/* Mobile Layout : 350px-480px */
@media only screen and (min-width: 350px){

}
/* End Mobile Layout 350px- 480px */
/** End Mobile Layouts **/

/** Start Tablet Layouts **/

@media only screen and (min-width: 481px){
   

}
/* End Tablet Layout 481px - 739px */
/* Tablet Layout 740px- 819px */
@media only screen and (min-width:740px){
    
}
/* End Tablet Layout 740px - 819px */
/** End Tablet Layout **/

/** Start Desktop Layout **/
/* Desktop Layout 820px- 1099px */
@media only screen and (min-width:820px){
    

}
/* End Desktop Layout 820px- 1099px */
/* Desktop Layout >1100px */
@media only screen and (min-width:1100px){
    
}
/*End Desktop Layout >1100px */
/** End Destop Layout **/