@media screen and (max-width: 767px) {
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
html {
	font-size: calc(5px + 0.4vw);
}
body {
  transition:background-color 1.5s ease;
}
.topbar {
	position: relative;
	width: 100%;
	height: 5vh;
	background: rgba(0,0,0,0.05);
}
#badgeimage {
		width:80%;
}
a {
	text-decoration: none;
}
.middlebar {
	position: relative;
	width: 100vw;
	height: 75vh;
	display:table-cell;
	vertical-align:top;
	background-color: white;
}
#logo{
	width:150px; 
	padding-bottom:12px; 
	padding-top:20px;
}
.content{
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	max-width:900px;
}
.circle {
	border-radius: 50%;
	border:1px solid black;
	padding-top:3px;
	text-align:center;
	color:black;
	font-size:16px;
	width: 25px;
	height: 25px; 
}
#circlediv{
	float: left;
	width:100%;
	margin-top:15px;
	padding-left:49%;
	cursor:pointer;
}
.circle:hover{
	cursor:pointer;
	background-color:rgba(0,0,0,0.3);
}
#BadgeHolder{
	float: left;
	width:100%;
	margin-left:0;
}
#LoginHolder{
	float: left;
	width:96%;
	padding-right:5% !important;
	margin-top:35px;
}
.intro {
	position: relative;
	width: 100%;
	height: 32vh;
	background-color: rgba(0,0,0,0.05);
}
input {
	background-color: rgba(255, 255, 255, 0) !important;
	color:black;
	text-align:center;
  width: 300px;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 10px 0px;
  border: 1px solid black;
  padding: 5px;
}
input:-webkit-autofill {
	background-color: rgba(255, 255, 255, 0) !important;
}
button {
  width: 200px;
  font-size: 14px;
  padding: 5px 50px;
  font-family: 'Source Sans Pro', sans-serif;
  background-color: rgba(0, 0, 0, 0);
  color: black;
  border: 1px solid black;
  margin-top:9px
}
button:hover {
  width: 240px;
  padding: 5px 5px;
  font-family: 'Source Sans Pro', sans-serif;
  background-color: rgba(0, 0, 0, 0.2);
  color: black;
  border: 1px solid rgba(255, 255, 255, 0.8);
  cursor:pointer;
}
span {
	text-align: center;
  color: #65505f;
  font-size: 50px;
  font-family: 'Source Sans Pro', sans-serif;
  display: inline-block;
  margin-bottom: 4rem;
}
.center-y {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
}
p {
	font-size:14px;
	padding-bottom:5px;
	text-align:right;
	font-family: 'Source Sans Pro', sans-serif;
	color: rgba(255, 255, 255, 1);
}
}