@media (min-width: 320px) {
	.attendeeMenu {
		border-top: 0px solid fuchsia;
		width: 100%;
	}
	#attendeeBttn {
		background: #036;
		float: left;
		width: 96%;
		margin: 0 1% 15px;
		padding: 15px 1%;
		color: white;
		text-align: center;
		font-size: 21px;
		font-weight: bold;
		text-transform: uppercase;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	#attendeeBttn:hover {
		background: #369;
	}
}

@media (min-width: 768px) {
	.attendeeMenu {
		border-top: 0px solid blue;
		width: 100%;
	}
	#attendeeBttn {
		background: #036;
		float: left;
		width: 46%;
		margin: 0 1% 15px;
		padding: 15px 1%;
		color: white;
		text-align: center;
		font-size: 21px;
		font-weight: bold;
		text-transform: uppercase;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

}

@media (min-width: 980px) {
	.attendeeMenu {
		border-top: 0px solid green;
		width: 100%;
	}
	#attendeeBttn {
		background: #036;
		float: left;
		width: 29%;
		margin: 0 1% 15px;
		padding: 15px 1%;
		color: white;
		text-align: center;
		font-size: 21px;
		font-weight: bold;
		text-transform: uppercase;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

}

@media (min-width: 1200px) {
	.attendeeMenu {
		border-top: 0px solid red;
		width: 100%;
	}
	#attendeeBttn {
		background: #036;
		float: left;
		width: 29%;
		margin: 0 1% 15px;
		padding: 15px 1%;
		color: white;
		text-align: center;
		font-size: 21px;
		font-weight: bold;
		text-transform: uppercase;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
}