
.container#chat_pop{
display: none;
position:fixed;
bottom:5em;
right:20px;
z-index:500;
background-color:#fff;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
padding:2.5em;
border-top:solid #00bff1 0.7em;
font-family: "dinproregular",sans-serif!important;
width:400px;
}

.col-xs-12{
	font-family: "dinproregular",sans-serif;
	color:#050000;
	padding:1em;
	}

.col-xs-12 img{
	width:100%;
  padding:0;
	margin-top:-2.5em;
    }

.col-xs-12 h1{
font-family: "din_probold"!important;	
/*font-family: "DIN Next W01 Bold",Arial,Helvetica,sans-serif;*/
color:#050000;
margin-top:-0.5em;
font-size:2em;
text-align:left;  
}

.col-xs-12 p{
  font-size:16px;
  }

.centered#chat_pop{
padding:0.5em 0;	
}

.btn.btn-large.btn-primary#chat_pop{
margin-left:0;
margin-right:0;
background-color:#00b6f1!important;
font-family: "dinproregular",sans-serif;
color:#fff;
border:none!important;
border-radius: 0!important;
width:100%;
height:3em;
}

button.close{
	border: medium none;
	background-color:transparent!important;
	float:right;
	margin-top:-2em;
	margin-right:-2em;
  cursor:pointer;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

  .container#chat_pop{width:100%;}
  .col-xs-12 h1 {font-size:2em;}
}