/** BACKGROUND **/
/*------------------------------------------------------------------------------- The BG image holder */

#fond_isigeo {
  position: absolute;
  float: left;
  overflow: hidden;
  width: 100%;
  height: 400px; 
}

@media ( min-height: 401px ) {
  #fond_isigeo {
    height: 600px;
  }
}

@media ( min-height: 601px ) {
  #fond_isigeo {
    height: 800px;
  }
}

@media ( min-height: 801px ) {
  #fond_isigeo {
    height: 1024px;
  }
}

@media ( min-height: 1025px ) {
  #fond_isigeo {
    height: 100vh;
  }
}


/*------------------------------------------------------------------------------- The centered Logo */

/*
This centering technique is pinched from: 
http://stackoverflow.com/questions/18516317/vertically-align-an-image-inside-a-div-with-responsive-height
*/

#fond_isigeo .logo-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    text-align:center;
    /*font: 0/0 a;*/
}
 
#fond_isigeo .logo-centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
 
#fond_isigeo .logo {
    vertical-align: middle;
    display: inline-block;
    width: 400px;
    height: auto;
    max-width: 80%;
    max-height: 100%;
}

#fond_isigeo .spinner-loading{
  position: absolute;
}