/* CSS Document */

html,body {
	margin:0;
	padding:0;
	background: #d5d5d5;
    width:100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 17px;
	line-height: 26px;
	box-sizing: border-box;
}

h1 {
	padding:10px 0 20px;
}

img {
    border:0;
}

a {
	color: black;
}

form {
	display: flex;
}

input[type='url'] {
	width: 100%;
}

#wrapper {
	width:960px;
	margin:0px auto;
	background: #fff;	
}
	
#header {
    background:white;
	border-bottom:1px solid #e5e6e6;
}

#content {
    background: white;
    padding: 20px 60px;
}

#footer{
    background:white;
}

#qrimage, #qrcode {
	width:auto;
	text-align: center;
margin: 40px auto;
}

#qrcode img, #qrcode canvas {
width:500px;
margin:0 auto;
}

.nav-logo {
	background-image: url(../img/jd_logo_desktop.png);
	display: block;
	background-repeat: no-repeat;
	height: 80px;
}


.quote1 {
    font-weight:bold;
    color: black;
}

.search {
	border: 1px solid #ededed;
	display: flex;
	border-radius:0px;

}

.search label {
	display:none;
}

.search input {
	border:0;
	padding: 10px;
}

.search input[type=text] {
  width:100%;
}

.search button {
	
}

.button {
    border: 1px solid #e6c800;;
    border-radius:0px;
    width:200px;
    cursor:pointer;
	background: #ffd621;
	box-shadow: inset 0 13px 15px #fff137;
	text-align: center;
	padding:5px;
	font-weight:bold;
}

@media screen and (max-width: 960px) {
#wrapper {
    width: 100%;
}
form {
		display:block;
}

#qrimage img, #qrcode img, #qrcode canvas {
		width: 100%;	
	}

}