.single-button-container img {
	display:none;
}

.single-button-container, .single-login-item-container {
	margin: 0px auto;
	text-align: center;
	/*background: gold;*/
}
.single-button-container a, .single-login-item-container a {
	width: 200px;
	text-align: center;
}
.loginContainer {
	margin: 0 auto;
	width: 210px;
	/*background: palegreen;*/
}

.loginContainer .qrCode {
	width: 100%;
}

.loginContainer, .clientLogo {
	text-align: center;
}
.single-login-item-container label{
	display: inline-block;
	float: left;
	clear: left;
	margin: 1em 0 0 0;
	width: 200px;
	text-align: left;
}
.single-login-item-container input {
	display: inline-block;
	float: left;
}
form .single-login-item-container input[type=text],
form .single-login-item-container input[type=password]
{
	width: 200px;
}

.single-login-item-container a.login-help-link, .single-login-item-container .login-go-button {
	float: none;
	text-align: center;
}

.sassie-button {
	font-size: 1em;
	margin: 1em;
	padding: .5em 1.5em;
}
.loginContainer .sassie-button {
	font-size: 1.1em;
	margin: 2em 1em 1em 1em;
	padding: .5em 1.5em;
}
.loginContainer br+a.sassie-button {
	max-width: 100%;
	margin: 2em auto;
	width: auto;
}
form {
	text-align: center;
	/*background: pink;*/
}
.shopper_form form {
	margin: 0 auto;
	width: 200px;
}
.shopper_form form .single-login-item-container {
	width: 100%;
}
.shopper_form .single-login-item-container {
	width: 80%;
}
.shopper_form .single-login-item-container a {
	margin: 1em auto;
}
.shopper_form .clientAnnouncements,
.shopper_form .shopperAnnouncements {
	margin: 3em 0 2em 0;
	text-align: center;
}
.hiddenClientLogo {
	display: none;
}

.loginContainer .single-login-item-container.qrCode-container label
{
	float: unset;
	padding-left: 10px;
	padding-right: 10px;
}

.loginContainer .single-login-item-container.qrCode-container .qrCode-block .qrCode
{
	margin: 0px;
}

/* there are 2 media query blocks to counter the same two built into Theme Comm core */

@media only screen and (max-width: 900px) {
	.shopper_form .single-login-item-container {
		width: 95%;
	}
	.sassie-button {
		font-size: 1em;
		margin: 1em;
		padding: .5em 1.5em;
	}
	.sassie-button.sassie-index-page-button {
		font-size: 1.25em;
		margin: 1em;
		padding: .5em 1.5em;
	}
	.shopper_form .clientAnnouncements,
	.shopper_form .shopperAnnouncements
	{
	  font: 13px/1.5 sans-serif;
	}

}
@media only screen and (max-width: 600px) {
	.shopper_form .single-login-item-container {
		width: 95%;
	}
	.sassie-button {
		font-size: 1em;
		margin: 1em;
		padding: .5em 1.5em;
	}
	.shopper_form .clientAnnouncements,
	.shopper_form .shopperAnnouncements
	{
	  font: 13px/1.5 sans-serif;
	}

}

/* the shopper login looked a little different on small screens */
@media only screen and (max-width: 320px) {
	.shopper_form form .single-login-item-container input[type=text],
	.shopper_form form .single-login-item-container input[type=password]
	{
		width: 190px;
	}
}