/* 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;
}
}