.your-box {
	float: left;
	width: 650px;
}
.your-store {
	float: right;
	text-align: center;
}
.your-store img {
	max-width: 100%;
}
.mb-header img {
    max-width: 100%;
}
 @media screen and (max-width: 800px) {
.your-box {
 float: none;
 width: auto;
}
.your-store {
 float: none;
 text-align: center;
 margin: 25px auto;
}
}
 @media only screen and (min-width : 801px) and (max-width : 1024px) {
.your-box {
 display: block;
 float: none;
 width: auto;
}
 .your-store {
 float: none;
 text-align: center;
}
}


.content-area p a {
     /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
   hyphens: auto;
  
}