/* Put your CSS here */
body{
	padding-top: 70px;
	padding-bottom: 90px;
	font-size: 16px;
	line-height: 24px;
	color: #29315e;
}

p{
	font-size: 1em;
}

h1{
	font-size: 1.4em;
}

h2,h3{
	font-size: 1.1em;
}

.mgbtm{
	padding-bottom: 20px;
	background-color: white;
}

.question h1{
	text-align: center;
	margin-top:10px;
}

.navbar{
	background-color: #29315e;
}

.navbar .btn{
	margin-top: 5px;
}

.navbar .btn span{
	font-size: 1.5em;
}

.btn-danger-custom{
	background-color: #eca426;
	border-color: #eca426;
}

.btn-success-custom{
	background-color: #33aa40;
	
}

.btn-danger-custom:hover, .btn-danger-custom:focus, .btn-danger-custom:active{
	background-color: #f36233;
	border-color: #f36233;
}

.choice-list{
	text-align: center;
	list-style: none;
}

.choice-list li{
	margin-bottom: 10px;
}

.choice-list .col-xs-6{
	font-size: .8em;
}

.btn-primary{
background-color: #29315e;
border: none;
}

.about{
	font-size: 1em;
	text-align: center;
	padding-bottom: 70px;
}

input[type="checkbox"]{
-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);
margin-right: 20px;
}

.dropdown-menu{
	font-size: .8em;
}

.btmpad{
	padding-bottom: 70px;
}

.features{
	font-size: 1.2em;
}
.panel-body{
	font-size: 16px;
	line-height: 1.5em;
}
.defInfo{
	font-size: .5em;
}
.lowercase{
	text-transform:lowercase;
}

.faq{
	list-style: none;
	padding-bottom: 70px;
}

.character img{
	width: 60%;
	height:auto;
	margin: 0 auto;
}

@media only screen and (max-device-width: 480px) {

	.character{
		height: 300px;
	}

	}