.modal-dialog{
  width:480px;
  display: inline-block;
  vertical-align: middle;
  border-radius:0;
}
.modal-content{
	width:480px;
	/*height:400px;*/
	padding:20px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  vertical-align: middle;
}
.modal-backdrop{
	background-color:#ffffff;
	opacity:0.5 !important;
}
.modal-body{
 font-family:'Raleway';
	font-size:25px;
	font-weight:500;
}
.modal-body p{
	text-align:center;
	margin-bottom:20px;
}
#buttons{
	margin:0;
}
@media screen and (min-width: 768px) { 
 .modal:before{
   display: inline-block;
   vertical-align: middle;
   content: " ";
   height: 100%;
 }
}
@media (max-width:767px) {
	.modal-dialog{
	  width:320px;
	}
	.modal-content{
		width:320px;
		height:270px;
		padding:30px;
	}
	.modal-body{
		font-size:20px;
		padding:0 !important;
	}
	.modal-body p .btn-picto{
	  width:250px;
	  padding-left:50px;
	  background-position:10px;
	}
}