header .col-sm-7.col-xs-5 a.loginLogout{
	background-color: #c00000;
	color: #fff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
	-webkit-transition: background-color 2s; /* Safari */
  transition: background-color 2s;
	margin-left: 20px;
}
@media all and (max-width: 649px) {
	header .col-sm-7.col-xs-5 a.loginLogout{
		padding: 7px 18px;
		margin-left: 15px;
	}
}
@media all and (max-width: 470px) {
	header .col-sm-7.col-xs-5 a.loginLogout{
		margin-left: 10px;
		padding: 7px 15px;
	}
}
@media all and (max-width: 350px) {
	header .col-sm-7.col-xs-5 a.loginLogout{
		margin-left: 8px;
	}
}
header .col-sm-7.col-xs-5 a.loginLogout:first-child{
	display: inline-block;
	margin-top: 18px;
}
@media all and (max-width: 991px) {
	header .col-sm-7.col-xs-5 a.loginLogout:first-child{
		margin-top: 8px;
	}
}
@media all and (max-width: 575px) {
	header .col-sm-7.col-xs-5 a.loginLogout:first-child{
		margin-top: -1px;
	}
}
header .col-sm-7.col-xs-5 a.loginLogout:hover, header .col-sm-7.col-xs-5 a.loginLogout:active, header .col-sm-7.col-xs-5 a.loginLogout:focus  {
    text-decoration: none;
	border-bottom: none;
	background-color: #4f5659;
}
@media all and (max-width: 991px){
	header .col-sm-7.col-xs-5 .loginLogoutArea{
		padding-top: 10px;
	}
}
@media all and (max-width: 350px) {
	header .col-sm-7.col-xs-5 .loginLogoutArea{
		font-size: 0.9em;
	}
}