body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0) url("../../images/office.jpg") no-repeat fixed center center / cover ;
}


.vertical-center {
  min-height: 100%;  /* Fallback for vh unit */
  min-height: 100vh; 
  
  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;
  
   width: 100%;
  
          -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.logo {
	width: 100%;	
}

@media screen and (min-width: 70em) {
	
}

@media screen and (max-width: 35em) {
	
	.appli-background {
		width: 100% !important;;     
	}
}