@charset "utf-8";
/* Memebership CSS Document */

aside.membership h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.7em;
	text-align: center;
	padding-right: 8%;
}
ul.service {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.service span {
	color: rgba(0,153,255,1);
}
/*ul.membershipList li {
	display: block;
}*/
.panel-default > .panel-heading {
	/*color: #333;
	background-color: #f5f5f5;
	border-color: none;*/
		
}
.panel-default #bronze {
	background-image: url(../img/bronze_medal.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.panel-default #gold {
	background-image: url(../img/gold_medal.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.panel-default #silver {
	background-image: url(../img/silver_medal.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.panel-default #diamond {
	background-image: url(../img/diamond_medal.png);
	background-position: right center;
	background-repeat: no-repeat;
}
div.panel-heading h4 a {
	font-family: 'Bree Serif', serif;
	font-size: 1.2em;
	text-transform: capitalize;
	display: list-item;
	list-style: none;
	color: rgba(255,255,255,1);
	text-shadow: 0 -1px 0 #000;
}
a:hover, a:focus {
	text-decoration: none;
}
label {
	display: block;
	vertical-align: middle;
}

div.form-group input[class="form-control"] {
	width: 95%;
	margin-bottom: 5px;
}
div.form-group .input_size {
	float: left;
	width: 45%;
	margin-right: 5%;
	margin-bottom: 5px;
}
div.form-group label[class="checkbox-inline"] {
	margin-bottom: 5px;
}
article.registration label {
	font-family: 'Signika', sans-serif;
	font-size: 1.1em;
	text-transform: capitalize;
	margin-bottom: 0;
	color: #111;
	text-shadow: 0 -1px 0 #999;
	font-weight: normal;
}
article.registration h4  {
	font-family: 'Oswald', sans-serif;
	font-size: 1.5em;
	text-align: center;
	padding-right: 8%;
	text-transform: capitalize;
}
article.registration label:first-child {
	margin-top: 6px;
	
}
div#note span, div#servDelivery span {
	font-weight: 900;
}

@media (max-width:768px){
	div.form-group input[class="form-control"] {
		width: 100%;
	}
	div.form-group .input_size {
		width: 100%;
	}

	
}