html {
  position: relative;
  min-height: 100%;
}

body.index-page {
  margin-bottom: 60px;
}

.index-page .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  background-color: #f5f5f5;      
}   

.index-page .footer p {
  text-align: center;  
  padding-top: 5px;      
}  

.index-page .images-row.hidden-xs {
  margin-top: 50px;
}

.index-page .images-row.hidden-lg {
  margin-top: 30px;
}     

.index-page .images {
  width: 100%;
  text-align: center;
}

.index-page .images .image-container {
  position: relative;
  text-align: center;
  border-width: 3px;
  border-color: #A9A9A9;
  display: inline-block;
}

.index-page .images.hidden-xs .image-container {
  height: 90px;
  width: 90px;
  margin-right: 10px;
}

.index-page .images.hidden-lg .image-container {
  height: 60px;
  width: 60px;      
}

.index-page .images .image-container.img-thumbnail span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: -20px;
}

.index-page .images.hidden-xs .image-container.img-thumbnail span {
  margin-top: -43px;       
}

.index-page .images.hidden-lg .image-container.img-thumbnail span {
  margin-top: -30px;        
} 

body.icons-page {
  margin-bottom: 110px;
}

.icons-page .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 105px;
  background-color: #f5f5f5;      
}   

.icons-page .footer p {
  text-align: center;  
  padding-top: 5px;      
}  

.icons-page .images-row.hidden-xs {
  margin-top: 50px;
}

.icons-page .images-row.hidden-lg {
  margin-top: 30px;
}

.icons-page .images {
  width: 100%;
  text-align: center;
}

.icons-page .images .image-container {
  position: relative;
  text-align: center;
  border-width: 3px;
  border-color: #A9A9A9;
  display: inline-block;
  margin-bottom: 10px;
}

.icons-page .images .image-container.img-thumbnail span.icon-class-name {          
  margin-top: 0px;       
  margin-left: 0px;    
}

.icons-page .images.hidden-xs .image-container.img-thumbnail span.icon-class-name {          
  top: 95%;
  font-size: 10px;
}

.icons-page .images.hidden-lg .image-container.img-thumbnail span.icon-class-name {          
  top: 85%;
  font-size: 9px;
}    

.icons-page .images.hidden-xs .image-container {
  height: 140px;
  width: 90px;
  margin-right: 10px;
}

.icons-page .images.hidden-lg .image-container {
  height: 110px;
  width: 60px;      
}

.icons-page .images .image-container.img-thumbnail span {
  position: absolute;      
  left: 0;
  right: 0;    
  margin-left: -20px;
}

.icons-page .images.hidden-xs .image-container.img-thumbnail span {
  top: 35%;
  margin-top: -43px;      
  
}

.icons-page .images.hidden-lg .image-container.img-thumbnail span {
  top: 30%;
  margin-top: -30px;            
}