/* Medium screens (640px) */
@media all and (min-width:40em) { 
  html { 
  font-size: 120%; 
  }
.grid li {width:400px !important;}



}

/* Medium screens (800px) */
@media all and (min-width:50em) { 
  html { 
  font-size: 120%; 
  }
/* Page fiche artistique et technique */
.container-white {
  max-width:450px !important;
  width:90%; 
  margin:0 auto;
}  
.row:before,
.row:after {
  display: block;
  content: "";
  line-height: 0;
}
.circle {
  width: 150px !important;
  height: 150px!important;
  padding-top:2rem;
}

.span3 {
  width: 150px!important;
  height:150px!important;
}
img {
  width: 150px!important;
  height:150px!important;
  max-width:150px !important;
}

}

 
/* Large screens (1024px) */
@media all and (min-width:64em) { 
  html { 
  font-size: 160%; 
  }
  
/* Page fiche artistique et technique */
 .container-white {
  max-width:600px !important;
  width:90%; 
  margin:0 auto;
}  
.circle {
  width: 200px!important;
  height: 200px!important;
  padding-top:3rem;
}
.span3 {
  width: 200px!important;
  height:200px!important;
}
 img {
  width: 200px!important;
  height:200px!important;
  max-width:200px !important;
} 

.circles .row {
  padding-left:0px;
}

/* Page questions */
.grid li {width:400px !important;}

.pied{
	font-size:1.5rem !important;
	line-height:1.5rem !important;
	width:100%;
	height:300px;
	} 
	
}

/* Large screens (1900px) */
@media all and (min-width:118.750em) { 
  html { 
  font-size: 160%; 
  }
  
}